2012-03-09 71 views
1

我看了這裏的其他例子,但沒有什麼似乎適用於我的具體問題。我有兩列左右分別左右浮動。左欄不佔據其父母的100%高度。我對所有的父母都設定了高度,我嘗試了最小高度:繼承。我試圖嵌套一個div來擴展高度。我不知道還有什麼可以嘗試的。爲什麼不是我的左列div獲取其父div的100%高度?

這裏有一個小提琴: http://jsfiddle.net/tUzJ5/6/

+0

您需要支持哪些瀏覽器版本?如果你確定不包括IE7和更早版本,那麼你可以在兩個div上使用'display:table-cell',它們會自動匹配高度。 – 2012-03-09 22:43:03

回答

3

左邊的列設置爲float:left;,像你認爲它會與浮動高度不起作用。

下面是如何改變了你的CSS http://jsfiddle.net/tUzJ5/7/

基本上,使左山坳position: absolute和包裝#wrap DIV有position: relative

+0

哇,謝謝。這很快且很棒。所以我會繼續用浮點數來解決這個問題? – amandathewebdev 2012-03-09 22:49:33