使div自动调整大小以适应其容器高度

Question

我有一个如下的HTML：

<div class="container">
    <div class="banner"></div>
    <div class="left"></div>
    <div class="right">
        <div class="content"></div>
    </div>
</div>

这些 div 元素使用overflow: auto属性自动调整大小以适应其内容。现在我面临一个问题，当div:content溢出其父容器时，div:right和div:container将调整大小以适应div:content的高度，但是div:left的高度保持不变。如何使div:left的高度自动调整以适应div:container的高度变化？这里有一个 jsfiddle：http://jsfiddle.net/trongcuong1710/cDqSj/2/。

- Doan Cuong

Answer 1

您可以尝试这个方法：

.left {
    width: 200px;
    overflow: auto;
    background-color: blue;
    position:absolute;
    top:140px;
    left:0;
    bottom:0;
}

.right {
    width: 300px;
    min-height: 260px;
    overflow: auto;
    background-color: green;
    margin-left:200px;
}

演示

希望我正确理解了问题 - 现在如果你尝试更改内容高度，它可以正常工作。

- BobbyZ