我正在寻找一种没有窗口滚动条的灵活的宽度/高度页面布局!

该页面上不适合的所有内容都应使用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上工作而烦恼,尽管那样会获得加分!

最佳答案

你的意思是这样吗?

JSFiddle scrollable li

不确定是否可以仅使用CSS和HTML有效隐藏滚动条。

10-05 21:02
查看更多