製作DIV自動調整以適應其容器高度

Question

我有一個HTML這樣的：

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

這些div s爲它的內容與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

希望我理解這個問題corectly - 現在工作得很好，如果你嘗試改變內容的高度。