jquery - 根据另一个调整一个div的高度

Question

是否可以仅使用 CSS 将右侧的 div 调整为左侧的高度？
My Example

我试过这样的 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/