具有可滾動內容的CSS靈活高度

Question

我期待創建一個靈活的寬度/高度頁面佈局而不需要窗口滾動條！

任何不適合頁面的內容應該可以通過溢出屬性獨立滾動。

我見過很多使用HTML和CSS構造靈活寬度佈局的方法。

以下網站確實在這一方面做得非常好：http://ago.tanfa.co.uk/css/layouts/css-3-column-layout-v1.html

我希望實施3組中列內滾動內容。內容應該可滾動而不是列div。

例如

<div class="column"> 
    <h4>Title</h4> 
    <ul> 
     <li>These</li> 
     <li>Items</li> 
     <li>Should</li> 
     <li>Be</li> 
     <li>Scrollable</li> 
     <li>If</li> 
     <li>They</li> 
     <li>Exceed</li> 
     <li>The</li> 
     <li>Column</li> 
     <li>Height</li> 
    </ul> 
</div> 

到目前爲止，如果列表超出窗口高度，它將頁腳推離頁面。

我不是不屑它工作在舊版本的IE，儘管這將比分積分！

Answer 1

您的意思是這樣的？

JSFiddle scrollable li。

不確定您是否可以使用CSS和HTML有效隱藏滾動條。