自动增长的无表格布局问题

Question

我的网页不希望通过其内容增长。 请看我的小提琴http://jsfiddle.net/msas3/。 lightBlue区域应设置整个页面的高度。

Answer 1

由于您的列是浮动的，因此它们不会扩展父容器的高度，因此pageContainer不符合内容的高度。

这个问题已经多次提出，这里有一个能够很好地提供解决方案并解释它： http://www.codeproject.com/KB/HTML/relatively_simple.aspx

老实说，我认为使用表格是一个更简单的解决方案，有了它，我可以做更少的定位和更多的实际工作。

Answer 2

你太具体了。不需要时不要设置height: 100%。它意味着父母身高的100％。

简单回答：http://jsfiddle.net/msas3/1/

我在height和width

上删除了min-height，html, body和#pageContainer

（如果您需要指定height的具体原因请说明，因为可能有相应的解决方案。）