根据另一个调整DIV的高度

Question

是否可以使用CSS的右DIV调整DIV大小？
我的示例

我尝试了这样的jQuery方法：

$(document).ready(function () {
   $("#right").css("height", $("#left").height());
});

这种方法无法正常工作，因为我在左DIV和jQuery方法中动态加载内容有时会误解高度。

我还尝试了右DIV上的height:100%，但它不起作用。

Answer 1

为此，您可以使用 display：table 属性。这样写：

#left{
    margin-right: 15px;
    width: 425px;
    background-color:#11DD52;
}
#right{
    width:200px;
    background-color:#4477AA;
}
#left, #right{
  display:table-cell;
}

检查此http://jsfiddle.net/zzbm5/

Answer 2

edit：如果您喜欢做事的方法，@sandeep创建了这个很棒的解决方法。

我最终使用了这个出色的jQuery调整大小插件。我希望有一个简单的CSS解决方案，但是上面的评论中的几个答案给了我其他浏览器兼容性问题。
这就是我所做的：

$("#left").resize(function () {
    $("#right").css("height", $(this).height());
});