具有可滚动内容的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有效隐藏滚动条。