CSS Flexible Height с прокручиваемым контентом

Question

Я хочу создать гибкий макет страницы ширины / высоты без оконных полос прокрутки!

Любой контент, который не помещается на странице, должен прокручиваться независимо с помощью свойства overflow.

Я видел множество способов создания гибких макетов ширины, используя только HTML и CSS.

Следующий сайт довольно хорошо справляется с этой задачей: http://ago.tanfa.co.uk/css/layouts/css-3-column-layout-v1.html

Я хочу реализовать прокручиваемый контент в 3 центральных столбцах. Содержание должно прокручиваться, а не столбец div.

1012 *, например *

<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 с возможностью прокрутки li .

Не уверен, что вы сможете эффективно скрыть полосу прокрутки только с помощью CSS и HTML.