Question

关于粘性页脚css的另一个问题...... 假设我有以下标记：

<div id="container">
    <div id="header">header</div>
    <div id="body">body</div>
    <div id="footer">footer</div>
</div>

正如您在fiddle中所看到的那样，使用给定的css，粘性页脚就像魅力一样。
如果div＃body只有少量内容，它会停留在页面的底部，当有大量内容时，它会被推出底部的屏幕。

我现在的问题是当我尝试在div＃体中放置2个浮动div（1个左 - 1个右）。然后页脚位于屏幕的底部，但是当有很多内容时，页脚没有被按下（你可以看到this fiddle）

我如何让它成功？我已尝试在网络上找到1000个技巧，仍然无法理解如何使其工作。

提前致谢。

Answer 1

尝试：

#body {
   overflow:hidden;
}

编辑：这样你就不需要额外的元素来清除花车了。

Answer 2

将<br style="clear:both;" />放在浮动div之后。