html - 使列扩展页面的整个高度

Question

我正在制作三列(不是页眉或页脚，而是包含在 div 中的所有内容以及类 colmask 和 threecol。

有什么提示吗？网址是http://pacecarz.com/

我已将 body 和 html 标签设置为 100% 高度。我试过使#wrapper div 的高度为 100%，colmask div 的高度也为 100%，但这会延伸到整个页面(如果没有页眉或页脚，这将是正确的)。帮助将不胜感激。

Answer 1

您需要一个 Sticky Footer .没有它你将无法做很多事情，让你的网站跨越 100% 的高度很有趣。

基本上，您的网站布局如下:

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

  <div id="main">
    ...
  </div>
</div>

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

然后包括 magical CSS .根据您的需要对其进行调整，因为它不是开箱即用的。