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

示范

希望我能够理解这个问题 - 如果你尝试改变内容高度,现在工作正常.