使所有列100％的窗口高度

Question

我可能只是休息一天并且错过了一个简单的修复，但我有一个三列布局（你可以查看测试页面here），我想要所有三列填充浏览器窗口。在实践中，99％（或可能100％）的时间，其中一列将延伸过折叠，因此这是另外两列延伸到与最长列相同长度的问题。这似乎很容易，但我还没有让它在整个网站上始终如一地工作。

我包括CSS。如果有人想看Tumblr主题标记，请告诉我。这是一个混乱的混乱现在（还没有机会清理它），但它可能仍然有用。

违规样式表可以here获得（我提前道歉......）

Answer 1

你想要的是相等的高度列。

实际上它看起来有点复杂。

Here's an explanation我使用了很多帮助。

另外它可以工作，并且很干净，并且符合标准等等。

修改

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

Answer 2

如果你想要相同的高度列使用html 4.0而不是xhtml如果你使用xhtml你必须使用javascript来使列的高度相等。我很确定我也遇到过这个问题。