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不影響上限？

回答

相關問題