我可能只是休息一天,错过了一个简单的修复,但我有一个三列布局(您可以在此处查看测试页面),我希望所有三列都填满浏览器窗口。在实践中,99%(或可能 100%)的时间,其中一列将延伸超过折叠,因此其他两列延伸到与最长列相同的长度是一个问题。这似乎很容易,但我还没有让它在整个站点中始终如一地工作。
我包括CSS。如果有人想查看 Tumblr 主题标记,请告诉我。现在有点杂乱无章(还没有机会清理它),但它可能仍然有帮助。
有问题的样式表可以在这里找到(我提前道歉......)
你想要的是等高的列。
它实际上比看起来要复杂一些。
这是我使用的一个解释,它有很大帮助。
再加上它可以工作,而且很干净,并且符合标准等,等等。
它不是那么“干净”,因为它用最少的代码和没有黑客来完成工作。每列都有一个新的嵌套 div,但这是为效果付出的相当小的代价。
如果你想要等高的列使用 html 4.0 而不是 xhtml 如果你使用 xhtml,你将不得不使用 javascript 使列的高度相等。我很确定因为我也遇到过这个问题。