html - 具有可滚动内容的 CSS 灵活高度

Question

我想创建一个没有窗口滚动条的灵活的宽度/高度页面布局!

任何不适合页面的内容都应该可以通过 overflow 属性独立滚动。

我见过很多仅使用 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 有效地隐藏滚动条。