Чтобы сделать полосы прокрутки в div-ах нужно использовать css свойства overflow-x и overflow-y. Они могут принимать следующие значения:
- visible
- Отображается все содержание элемента, даже за пределами установленной ширины/высоты.
- hidden
- Отображается только область внутри элемента, остальное будет скрыто.
- scroll
- Всегда добавляется полоса прокрутки.
- auto
- В зависимости от браузера, в основном, полоса прокрутки добавляется только при необходимости.
- Нам нужно установить его в scroll.
- Пример:
-
123456<div style="overflow-x:scroll;overflow-y:scroll;width: 100px;height:100px;"><!-- Внутренний div ставим по размеру больше --><div style="width:200px;height:200px;">Содержимое внутреннего div-а. Должно сопровождаться полосами прокрутки.</div></div>
Вот так выглядит результат:
Содержимое внутреннего div-а. Должно сопровождаться полосами прокрутки.