内容div不会推动页脚div

时间:2013-05-12 02:23:21

标签: html css

我有3个div的主要内容,第三个div得到很高的高度,并没有推动页脚div。

这是我的问题

<div id="right_column">此div应位于页眉和页脚</div>

之间

Demo

3 个答案:

答案 0 :(得分:0)

您可以通过立即添加带有属性float: clear;的div来手动清除浮动,也可以使用clearfix class like this.

Here's a fiddle.

答案 1 :(得分:0)

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

clear:both

此处:http://jsfiddle.net/M7VxA/7/

答案 2 :(得分:0)

尝试:

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