CSS-макет - Переполнение
Свойство overflow в CSS используется для управления отображением содержимого, когда оно выходит за пределы блока элемента.
Текстовое содержимое здесь прокручивается, а направление полосы прокрутки — вертикальное.
Текстовое содержимое здесь прокручивается, а направление полосы прокрутки — вертикальное.
Текстовое содержимое здесь прокручивается, а направление полосы прокрутки — вертикальное.
Текстовое содержимое здесь прокручивается, а направление полосы прокрутки — вертикальное.
Текстовое содержимое здесь прокручивается, а направление полосы прокрутки — вертикальное.
Текстовое содержимое здесь прокручивается, а направление полосы прокрутки — вертикальное.
Переполнение в CSS
Свойство overflow в CSS может управлять добавлением полосы прокрутки в соответствующей области элемента, когда содержимое выходит за пределы блока элемента.
Свойство overflow имеет следующие значения:
| Значение | Описание |
|---|---|
| visible | Значение по умолчанию. Содержимое не обрезается и отображается за пределами блока элемента. |
| hidden | Содержимое обрезается, а остальная часть содержимого невидима. |
| scroll | Содержимое обрезается, но браузер отображает полосу прокрутки для просмотра остальной части содержимого. |
| auto | Если содержимое обрезается, браузер отображает полосу прокрутки для просмотра остальной части содержимого. |
| inherit | Указывает, что значение свойства overflow должно наследоваться от родительского элемента. |
Примечание:Свойство overflow работает только с блочными элементами с заданной высотой.
Примечание:В OS X Lion (система Mac) полосы прокрутки по умолчанию скрыты и появляются только при использовании (то же самое относится к установке "overflow:scroll").
overflow: visible
По умолчанию значение overflow — visible, что означает, что содержимое выходит за пределы блока элемента:
Текстовое содержимое здесь выйдет за пределы блока элемента.
Текстовое содержимое здесь выйдет за пределы блока элемента.
Текстовое содержимое здесь выйдет за пределы блока элемента.
Текстовое содержимое здесь выйдет за пределы блока элемента.
Текстовое содержимое здесь выйдет за пределы блока элемента.
Текстовое содержимое здесь выйдет за пределы блока элемента.
Текстовое содержимое здесь выйдет за пределы блока элемента.
Пример
Попробуйте сами »