English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Основы CSS

Модель блока CSS

Основы CSS3

Референсруководство CSS

Правила CSS (RULES)

Переполнение CSS (Переполнение)

Свойство переполнения определяет поведение при переполнении содержимого (несоответствии) рамки элемента.

Обработка переполненного содержимого

содержимое элемента может быть больше размера рамки элемента. Например, заданные свойства width и height не позволяют достаточного места для содержимого элемента.

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

Эта свойство может принимать одно из следующих значений: visible (по умолчанию), hidden, scroll, и auto. CSS3 также определяетoverflow-xиoverflow-yсвойства, чтобы можно было независимо контролировать вертикальное и горизонтальное обрезание.

div {
    width: 250px;
    height: 150px;
    overflow: scroll;
}
Проверьте, посмотрите ›/‹
ЗначениеОписание
visibleЗначение по умолчанию. Содержимое не обрезается; оно будет рендериться за пределами рамки элемента, что может привести к наложению на другое содержимое.
hiddenСодержимое рамки переполненного элемента будет обрезано,其余 содержимое будет не видимо.
scrollПереполненное содержимое обрезается, как если бы оно было скрыто, но предоставляется механизм прокрутки для доступа к переполненному содержимому.
autoЕсли содержимое выходит за пределы рамки элемента, автоматически предоставляется полоса прокрутки для просмотра оставшейся части, в противном случае полоса прокрутки не会出现.