div的div不影响上限？

如何定位页面顶部的div而不影响其下的div的位置？即我有一个导航div，沿着我的页面顶部（从顶部的margin 0px）运行。我还有一个下面的包装div，它位于顶部100px的位置。如果我决定从顶部移动导航div 10px，它会将包装div从顶部推到110px。我不希望发生这种情况。我不想使用绝对定位。div的div不影响上限？

HTML

<body> 
    <div id="nav"></div> 
    <div id="wrapper"></div> 
</body>

CSS

#nav { 
height: 69px; 
width: 1000px; 
margin-right: auto; 
margin-left: auto; 
} 

#wrapper { 
height: 775px; 
width: 1000px; 
margin-right: auto; 
margin-left: auto; 
margin-top: 100px; 
}

谢谢！

来源

2012-03-15 Ibanez

那么相对定位呢？ – 2012-03-15 19:01:48

#nav { 
    position:relative; 
    top: 10px; 
}

来源

2012-03-15 19:03:04 HerrSerker

我试过相对，它仍然移动下面的div。 – Ibanez 2012-03-15 19:06:32

然后你在你的HTML/CSS中有这样的东西。更多的代码？或者我们可以查看的链接？ – HerrSerker 2012-03-15 19:14:18

@ Ibanez不，它不是http://jsfiddle.net/2uHtA/ – HerrSerker 2012-03-15 19:16:23

在包装div上使用等于您在导航div上的负边距。

#wrapper { margin-top: -10px; }

来源

2012-03-15 19:00:14 mikevoermans

整个职位没有影响下面的div。没有补偿。 – Ibanez 2012-03-15 19:09:48

div的div不影响上限？

回答

相关问题