Css 将一个absulte定位元素放置在另一个元素之下

Css 将一个absulte定位元素放置在另一个元素之下,css,Css,我有两个绝对定位元素。他们需要绝对定位,因为他们利用了左右。上一个也使用top,下一个没有边距,因此向下滚动后将“连接”到浏览器窗口的底部。对于上面的样式,我使用“最小高度”来保持我想要的样式,但如果需要(因为动态内容或小显示),仍然不会阻止样式的增长。如何确保下部元素始终低于上部元素 我正在寻找一个不使用javascript的解决方案。我将把你的两个元素称为header div和content-div。尝试在它们周围添加一个包装div。您的HTML应该如下所示: <div id="wra

我有两个绝对定位元素。他们需要绝对定位,因为他们利用了左右。上一个也使用top,下一个没有边距,因此向下滚动后将“连接”到浏览器窗口的底部。对于上面的样式,我使用“最小高度”来保持我想要的样式,但如果需要(因为动态内容或小显示),仍然不会阻止样式的增长。如何确保下部元素始终低于上部元素


我正在寻找一个不使用javascript的解决方案。

我将把你的两个元素称为header div和content-div。尝试在它们周围添加一个包装div。您的HTML应该如下所示:

<div id="wrapper">
   <div id="header">
   </div>

   <div id="header">
   </div>
</div>
然后为标题添加一些样式,设置最小高度:

#header {
   min-height: yourvalue;
}
现在,您可以在内容上使用边距,以您想要的方式定位它,例如,如果您的标题应该有
left:350px和您的内容
左:300px,您可以使用

#content {
   margin-left: -50px;
}

希望这就是你需要的;)

好的,您编辑了您的帖子,那么下面的帖子是否应该始终绑定到浏览器窗口的底部?
#content {
   margin-left: -50px;
}