将div粘贴到父级的底部
将div粘贴到父级的底部
提问于 2013-12-09 23:30:26
我尝试在这里创建一个布局，如下所示:这里是the fiddle
<body>
<div class="wrapper">
<div class="header">
Header
</div>
<div class="content">
This is the content section
</div>
<div class="stream-content">
This is the stream content.
</div>
<div class="push">
</div>
</div>
<div class="footer">
</div>
<body>我希望content section占据header和footer部分之间的全部空间。还有一个叫做stream-content的额外部分，如果有(只会出现在主页上)，就必须在footer之前的位置。在这种情况下，content部分应该占据header和stream-content部分之间的所有空间。我试着用绝对定位来做同样的事情，但是我所有的元素都乱七八糟，所以我想知道正确的方法。提前感谢大家的帮助！
回答 2
Stack Overflow用户
回答已采纳
发布于 2013-12-09 23:57:35
将position:relative添加到包装器类中。将position:absolute;bottom:0;添加到流内容类。
请在这里查看。Fiddle
Stack Overflow用户
发布于 2013-12-09 23:49:21
如果我理解正确，那么一种方法是将蒸汽内容放在包装器之外，因为包装器是将页脚保持在底部的包装器。如果您必须在包装器中包含steam内容，那么您可以尝试类似这样的http://ryanfait.com/sticky-footer/，将其与页脚一起放在底部
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/20474335
复制相关文章
相似问题