使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/

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;
}

demonstration

希望我能够直接理解这个问题 - 如果您尝试更改内容高度，现在工作正常。