可滾動的嵌套divs - 最大高度100％

Question

我見過類似的帖子，但還沒有找到回覆我的具體問題的帖子。

我有一個左列和右列的佈局。在左欄內，我有兩排。

我想要左欄的最下面一行是可滾動的，但不要以隱藏最上面一行的方式滾動。

<div id="left"> 
     <div class="top-row-header"> 
     Some header text 
     </div> 
     <div class="bottom-row-content"> 
     Some text. Scrollable independent of the header 
    </div> 
    </div> 
    <div id="right> 
     Some scrollable text 
    </div> 

這裏是一個小提琴：http://jsfiddle.net/bec4pm98/

我已經得到接近，但在左列底部行太大。我希望它的大小相對於頂部排的大小。

Answer 1

left-inner div的高度爲100％，但您也有jumbotron作爲兄弟姐妹。將jumbotron的高度設置爲20％，將left-inner的高度設置爲80％。

例子：http://jsfiddle.net/bL99yds1/

它並不完美，但我對我的手機，它是非常難以修補。你雖然得到了主旨。