css - 2 格位置

Question

再次使用我的 div =(。我有这个：

<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

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

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; }