我尝试在这里创建一个布局,如下所示:这里是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
部分之间的所有空间。我试着用绝对定位来做同样的事情,但是我所有的元素都乱七八糟,所以我想知道正确的方法。提前感谢大家的帮助!
发布于 2013-12-09 23:57:35
将position:relative
添加到包装器类中。将position:absolute;bottom:0;
添加到流内容类。
请在这里查看。Fiddle
发布于 2013-12-09 23:49:21
如果我理解正确,那么一种方法是将蒸汽内容放在包装器之外,因为包装器是将页脚保持在底部的包装器。如果您必须在包装器中包含steam内容,那么您可以尝试类似这样的http://ryanfait.com/sticky-footer/,将其与页脚一起放在底部
https://stackoverflow.com/questions/20474335
复制相似问题