Two Col Layout - 展開浮動格子

Question

我有兩列，左側的div是一個導航欄，它向左浮動，內容可以根據需要擴展（高度），我想要左浮動div（左側導航）與內容div展開。

我有一個eample標記。我想讓黃色div展開等於紅色div，而不必指定div的高度。

鏈接到的jsfiddle是http://jsfiddle.net/saaedb/F5c97/1/

感謝

Answer 1

你需要使用JavaScript/jQuery來實現這一目標。這裏有一個小提琴：http://jsfiddle.net/KjyNm/

的jQuery：

$(document).ready(function() { 
$("#leftnav").css("height", $("#content").height()); 
});​ 

HTML：

<div id="wrapper" style=""> 
    <div id="leftnav"> 

    </div> 
    <div id="content"> 

    </div> 
</div>