溢出：隱藏和％高度

Question

我正在創建一個頁面，我不想要任何固定的px高度，也可以使用overflow：hidden。

我的HTML是這種形式;

<div class="scrollable fl"> 
...Some content 
</div> 

該CSS被定義爲;

.scrollable { 
    border-color: #CCCCCC; 
    border-style: solid; 
    border-width: 1px; 
    height: 100%; 
    overflow: hidden; 
    position: relative; 
    width: 100%; 
} 

也只是補充，我已經給溢出：隱藏（含浮動：左，以及一些父級）的滾動所有父/祖先的div ..

現在的問題是，滾動的div並沒有擴張按它的內容，如果我給高度爲100％（它爲固定的像素高度...但我沒有這樣的選擇，因爲我設計一個完全流體佈局）

我想兩件事從我身邊不起作用; 1.飼養高度鏈活着（即給予100％高度的滾動所有父/祖先的div 2.高度嘗試：汽車可滾動

如何解決這個問題

Answer 1

DIV的是什麼？設置爲它的內容，不是你想要的要求高度的100％

嘗試：。

.scrollable { 
    border-color: #CCCCCC; 
    border-style: solid; 
    border-width: 1px; 
    overflow: hidden; 
    position: relative; 
    top:0px; 
    bottom:0px; 
    width: 100%; 
} 

您可能需要其它元素的環比上漲，以及這樣做