以下是我的代码
的HTML:
<div id="content">
<div id="A">
A
</div>
<div id="B">
B
</div>
</div>
<div id="footer">
footer
</div>
CSS:
#content{
width:600px;
}
#A{
position:relative;
float:left;
background:#0000ff;
width:300px;
height:600px;
}
#B{
position:relative;
float:right;
background:#00ff00;
width:300px;
height:100px;
}
#footer{
background:#ff0000;
}
我想将页脚设置在底部,但页脚位于div B下方。
当我使用float:left作为页脚时,尽管页脚在底部,我必须设置页脚的宽度,但是我想让页脚的宽度等于浏览器窗口的宽度。
那么如何在底部设置页脚并设置页脚的宽度等于浏览器窗口的宽度?
任何建议表示赞赏。
最佳答案
您可以在内容div后面添加清除元素。该元素必须清除浮动(clear:both),以使页脚出现在底部。
编辑:
看看here