CSS свойство overflow

Свойство overflow определяет, каким образом будет отображаться содержимое элемента, если оно не помещается в область вывода данного элемента.

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

Внимание: Свойство overflow работает только для блочных элементов с установленными значениями высоты.

Внимание: В OS X Lion полосы прокрутки по умолчанию скрыты и показываются только при использовании (даже если установлено "overflow: scroll").

CSS синтаксис

Возможные значения

Значение	Описание
visible	Значение по умолчанию. Отображается все содержание элемента, даже за пределами установленной высоты и ширины.
hidden	Отображается только область внутри элемента, остальное будет скрыто.
scroll	Всегда добавляются полосы прокрутки.
auto	Полосы прокрутки добавляются только при необходимости.
inherit	Значение наследуется от родительского элемента.
initial	Устанавливает значение по умолчанию.

Пример использования

Устанавливаем свойство overflow в режим прокрутки


div {
     width: 150px;
     height: 150px;
     overflow: scroll;
}