用CSS强制div高度

Question

我有一个测试三栏页面（http://hussain.mooo.com）。但是，左列和右列拒绝拉伸到页面底部。 XHTML和CSS是有效的，我使用的是Firefox，它们都在一个包装div中。有什么帮助吗？

提前致谢。

Answer 1

最简单，最着名和最常用的方法是使用Faux Columns。

您可以在此处阅读此有用的技巧：http://www.alistapart.com/articles/fauxcolumns/

在评论和对同一问题的另一个答案中，@ Tharkun指出此解决方案仅适用于固定宽度列。这对于Faux Columns的原始版本来说是正确的，但是很容易将此技术扩展到使用液体布局（液体布局=至少以％指定的列宽），并在此解释如何执行此操作：http://www.communitymx.com/content/article.cfm?cid=afc58

Answer 2

正如@Andrea Zilio所说，你可以使用人造柱技术，但这意味着要放弃至少一列或两列的流体宽度。

在具有流体宽度的多列布局中，还有其他100％高度的方法。

Mathew James Taylor对multi-column fluid 100% height layouts如何工作以及您可以复制的几个布局（通过查看源代码）有一个很好的解释。

Answer 3

看看the page layouts at maxdesign。