使页面内容100％高度的文档 - 痛苦的问题

Question

我正在研究我的新网络应用Trekeffect的第二个版本，我希望我的界面内容是页面高度的100％，但我似乎无法弄明白。我使HTML，body和所有其他父元素的高度达到100％，但无论我做什么，高度都不会填充文档。

此屏幕截图显示了我的问题：

您可以访问以下网址查看此问题：http://dev.trekeffect.com/home 然后点击列出的任何城市：示例：安克雷奇，阿拉斯加

我在Firebug中玩过，无论我做什么，我都无法正常工作。请帮忙！

Answer 1

正因为如此：

html, body {
    height: 100%;
}
.three_col .right {
    height: 100%;
}

删除这些，你的问题就解决了！

导致问题的原因是因为CSS将主体设置为可用屏幕空间的100％的高度。因此，此下面的任何内容都被视为溢出。

<小时/>