English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Свойство переполнения определяет поведение при переполнении содержимого (несоответствии) рамки элемента.
содержимое элемента может быть больше размера рамки элемента. Например, заданные свойства width и height не позволяют достаточного места для содержимого элемента.
Свойство переполнения CSS, которое позволяет определить, следует ли обрезать содержимое, рендерить полосу прокрутки или отображатьблочныйпереполненное содержимое элемента.
Эта свойство может принимать одно из следующих значений: visible (по умолчанию), hidden, scroll, и auto. CSS3 также определяетoverflow-xиoverflow-yсвойства, чтобы можно было независимо контролировать вертикальное и горизонтальное обрезание.
div { width: 250px; height: 150px; overflow: scroll; }Проверьте, посмотрите ›/‹
Значение | Описание |
---|---|
visible | Значение по умолчанию. Содержимое не обрезается; оно будет рендериться за пределами рамки элемента, что может привести к наложению на другое содержимое. |
hidden | Содержимое рамки переполненного элемента будет обрезано,其余 содержимое будет не видимо. |
scroll | Переполненное содержимое обрезается, как если бы оно было скрыто, но предоставляется механизм прокрутки для доступа к переполненному содержимому. |
auto | Если содержимое выходит за пределы рамки элемента, автоматически предоставляется полоса прокрутки для просмотра оставшейся части, в противном случае полоса прокрутки не会出现. |