以下是我的代码

的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

10-07 19:37
查看更多