如何在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位置？

回答

相关问题