動態設置兩個浮動DIVS的高度

Question

編碼使用VS2008完成 我的頁面中有兩個div，分別是「dvLeftContent」和「dvRightContent」。 我不能靜態設置頁面的高度，因爲「dvRightContent」在各種頁面上都有變量高度（主頁在這裏使用） 是否有客戶端函數（javascript或jquery）需要使用正確的div的高度並指定它離開div？

Answer 1

使用jQuery：

$("#dvRightContent").bind("resize", function(){ 
    $("#dvLeftContent").css('height', $("#dvRightContent").css('height')); 
}); 

Answer 2

感謝micahwittman。一些小的改動

$("#dvRightContent").resize(function(){ 
     $("#dvLeftContent").css("height", ($("#dvRightContent").attr("offsetHeight") - 250) +"px"); 
    }); 

其因高度將在這種情況下，它的設置一樣，

Answer 3

只給出了「自動」也有一個jQuery插件，做這項工作對您：Equalize

它處理rightcol大於leftcol或leftcol大於rightcol的場景。它還允許您指定leftcol或rightcol中的哪個元素應該添加空間。