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/

Answer 2

编辑：如果你喜欢hacky做事的方式，@ sandeep创建了this很好的解决方法。

我最终使用了this优秀的jQuery resize插件。我希望有一个简单的CSS解决方案，但上面评论中的几个答案给了我额外的浏览器兼容性问题这就是我所做的：

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

根据另一个调整div的高度

2 个答案: