Html 使页面内容达到文档的100%高度-令人痛苦的问题

我正在开发我的新web应用程序TrekeEffect的第二个版本，我希望我的界面内容是页面高度的100%，但我似乎无法理解。我将HTML、body和所有其他父元素设置为100%高度，但无论我做什么，高度都不会填充文档

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

您可以访问以下站点查看问题： 然后单击列出的任何城市：例如：阿拉斯加州安克雷奇

我在Firebug玩过，不管我做什么，我都不能让它工作。请帮忙

这是因为：

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

去掉这些，你的问题就解决了

造成问题的原因是CSS将主体的高度设置为可用屏幕空间的100%。。因此，低于此值的任何内容都被视为溢出。

---

---

这实际上并不能完全解决问题。如果我按照你的建议做，并且我的内容很小或者我的浏览器高度很大，那么内容就不再占据屏幕的100%。我该怎么做呢？这就是你在我屏幕上的建议：好的，还有一个例子，其中指定了100%的高度。。删除该选项，请参阅我的更新答案。。让我知道这是否有效。即使你更新了答案，这仍然不起作用。还有其他建议吗？我甚至尝试删除所有其他子元素的高度，但仍然不起作用。。如果指定一个确定的像素高度，它是否有效？例如，5000px？如果那不起作用，我也不知道。。然而，如果它真的起作用，那就是解决办法。由于所有页面都有不同的高度，因此我将编写一些javascript来动态更改设置的像素高度。