Полосы прокрутки в div

Чтобы сделать полосы прокрутки в div-ах нужно использовать css свойства overflow-x и overflow-y. Они могут принимать следующие значения:

visible

Отображается все содержание элемента, даже за пределами установленной ширины/высоты.

hidden

Отображается только область внутри элемента, остальное будет скрыто.

scroll

Всегда добавляется полоса прокрутки.

auto

В зависимости от браузера, в основном, полоса прокрутки добавляется только при необходимости.

Нам нужно установить его в scroll.

Пример:

div overlow-x и overflow-y

XHTML

<div style="overflow-x:scroll;overflow-y:scroll;width: 100px;height:100px;"> <!-- Внутренний div ставим по размеру больше --> <div style="width:200px;height:200px;"> Содержимое внутреннего div-а. Должно сопровождаться полосами прокрутки. </div> </div>

1 2 3 4 5 6

<div style="overflow-x:scroll;overflow-y:scroll;width: 100px;height:100px;">     <!-- Внутренний div ставим по размеру больше -->     <div style="width:200px;height:200px;">         Содержимое внутреннего div-а. Должно сопровождаться полосами прокрутки.     </div> </div>

 

Вот так выглядит результат: