CSS灵活的高度与可滚动的内容

时间:2010-04-30 11:23:02

标签: html css

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

任何不适合页面的内容都应该使用overflow属性独立滚动。

我已经看到很多方法只使用HTML和CSS构建灵活的宽度布局。

以下网站在这方面表现相当不错:http://ago.tanfa.co.uk/css/layouts/css-3-column-layout-v1.html

我希望在3个中心列中实现可滚动内容。内容应该是可滚动的而不是列div。

e.g。

<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上工作,虽然这会得到奖励积分!

1 个答案:

答案 0 :(得分:2)

你的意思是这样吗?

JSFiddle scrollable li

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