html - 将所有列设为窗口高度的 100%

Question

我可能只是休息一天，错过了一个简单的修复，但我有一个三列布局（您可以在此处查看测试页面），我希望所有三列都填满浏览器窗口。在实践中，99%（或可能 100%）的时间，其中一列将延伸超过折叠，因此其他两列延伸到与最长列相同的长度是一个问题。这似乎很容易，但我还没有让它在整个站点中始终如一地工作。

我包括CSS。如果有人想查看 Tumblr 主题标记，请告诉我。现在有点杂乱无章（还没有机会清理它），但它可能仍然有帮助。

有问题的样式表可以在这里找到（我提前道歉......）

Answer 1

你想要的是等高的列。

它实际上比看起来要复杂一些。

这是我使用的一个解释，它有很大帮助。

再加上它可以工作，而且很干净，并且符合标准等，等等。

编辑

它不是那么“干净”，因为它用最少的代码和没有黑客来完成工作。每列都有一个新的嵌套 div，但这是为效果付出的相当小的代价。

Answer 2

如果你想要等高的列使用 html 4.0 而不是 xhtml 如果你使用 xhtml，你将不得不使用 javascript 使列的高度相等。我很确定因为我也遇到过这个问题。