自動增長的無表格佈局問題

Question

我的頁面不想增長其內容。 請看我的小提琴http://jsfiddle.net/msas3/。 lightBlue區域應設置整個頁面的高度。

Answer 1

你太具體了。當你不需要時不要設置height: 100%。這意味着父母的身高是100％。

對於一個簡單的答案：http://jsfiddle.net/msas3/1/

我對html, body和#pageContainer

（除去height，width和min-height如果你需要指定的height請解釋一下，因爲有可能是一個具體的理由解決方案代替它。）

Answer 2

因爲你列浮動的，他們不擴大父容器的高度，所以pageContainer不適合的內容的高度。

此問題已被多次提出，這裏是做提供了一個解決方案，並解釋它的一個好工作其中之一： http://www.codeproject.com/KB/HTML/relatively_simple.aspx

說實話，我覺得用一個表，簡單的解決方案，我可以做更少的定位和更多的實際工作。