html - 内容 div 不推送页脚 div

Question

我有 3 个 div 的主要内容，第三个 div 的高度很大并且不会推动页脚 div。

这是我的问题

<div id="right_column">这个 div 应该在页眉和页脚之间</div>

演示

Answer 1

您可以通过在之后添加具有属性的 div 来手动清除浮动，float: clear;也可以使用这样的clearfix 类。

这是一个小提琴。

Answer 2

你需要一个带有属性的“Clearfix”又名 div：

clear:both

这里：http: //jsfiddle.net/M7VxA/7/

Answer 3

尝试：

#footer
{
    width:300px;
    margin:auto;
    min-height:200px;
    background-color:yellow;
    clear: both;
}