我尝试在这里创建一个布局,如下所示:这里是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:49:21
如果我理解正确,那么一种方法是将蒸汽内容放在包装器之外,因为包装器是将页脚保持在底部的包装器。如果您必须在包装器中包含steam内容,那么您可以尝试类似这样的http://ryanfait.com/sticky-footer/,将其与页脚一起放在底部
https://stackoverflow.com/questions/20474335
复制相似问题