动态设置两个浮动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中的哪个元素应该添加空格。