2个位置

Question

我的divs =（。 我有这个：

<div id="header"></div>
<div id="body">
  <div id="..."></div>
  <div id="..."></div>

  <div id="content"></div>
</div>
<div id="footer"></div>

和css：

#body { width: 100%; margin 0 auto; }
#content {   position: absolute;   height: 200px; width: 100%; }
#footer {   height: 63px;   clear:both; }

现在结果： 内容div在文本下有很多文本和页脚。

如何在所有内容区域内制作页脚？

Answer 1

我曾多次遇到这种情况。我一直在使用sticky footers。它与多种浏览器广泛兼容，似乎可以正常工作。

Answer 2

如果您使用此样式，您将根据要求在（红色）#content下看到（蓝色）#footer：

#body {width: 600px; margin 0 auto; }
#content {position: relative; height: 200px; width: 600px; background-color: red; }
#footer {height: 63px; clear:both; width: 600px; background-color: blue; }