如何在div位置固定後沒有保證金頂部或頂部提到div位置？

我已經給#headposition:fixed;，如何在div位置固定後沒有保證金頂部或頂部提到div位置？

接下來，我已經給#wrapposition:fixed;

現在，我需要爲需要自動對準我不想提上邊距或熱門內容。

HTML：

<div id="head"> 
    Some absolutely placed item 
</div> 
<div id="wrap">xxxXxX</div> 
<div id="content">Third content</div>

CSS：

#head{ 
    position:fixed; 
    left:100px; 
    top:100px; 
} 

#wrap{ 
    position:fixed; 
    width:10px; 
    height:10px; 
    background-color:#333; 
    left:200px; 
    top:200px; 
} 

#content{ 
    position:relative; 
}

我需要逐個比對。我該如何解決它？

來源

2014-06-06 marvan

如果你想讓它們在彼此之下堆疊，那麼不要讓它們固定，否則你將需要爲內容設置頂部，頂部邊距或頂部填充 – Pete

你想要這樣嗎？ [** Fiddle **]（http://jsfiddle.net/n6VHy/） –

您可以在＃內容顯示中添加：block;文本對齊：中心;這將對齊中間塊的內容 –

如果您還不確定與定位修復程序content DIV，你應該使用對齊值body或body specified id，像

body { 
margin:20px 0; 
}

或

#bodyID { 
margin:20px 0; 
}

這裏<body id="bodyId">.....</body>

來源

2014-06-06 08:58:58

也許你需要改變這樣的html結構

<div id="head"> 
    Some absolutely placed item 
</div> 
<div id="wrap">xxxXxX 
<div id="content">Third content</div> 
</div>

來源

2014-06-06 09:07:59

謝謝但不是這樣。如果我滾動＃內容我需要重疊#wrap。 #header和#content會觸碰。 – marvan

如何在div位置固定後沒有保證金頂部或頂部提到div位置？

回答

相關問題