Overflow - css, mdn

Властивість CSS overflow визначає, чи необхідно для переповненого блочного елемента вміст обрізати, надати смуги прокрутки або просто відобразити.

Використання властивості overflow зі значеннями, відмінними від visible. (Значення, прийняте за умовчанням), створює новий блоковий контекст форматування. Це технічно необхідно, оскільки якби float перетинався з елементом прокрутки, це вимагало б забезпечити обтікання вмісту прокручуваного елемента навколо вторгаються float'ов. Обтікання при цьому було б необхідно проводити після кожного кроку прокрутки заново, що призвело б до помітного уповільнення прокрутки. Зверніть увагу, що при програмної установці атрибуту scrollTop для відповідного HTML-елемента, навіть якщо overflow має значення hidden. елемент, можливо, доведеться прокрутити.

не замінює блокові і inline-block елементи

унікальний неоднозначний порядок, певний формальний граматикою

visible За замовчуванням. Вміст не обрізається, може відображатися зовні блоку, в якому воно розташоване. hidden Контет обрізається, без надання прокрутки. scroll Вміст обрізається і браузер використовує елементи прокрутки, не має значення чи було обрізано вміст чи ні. Це уникає багатьох проблем щодо появи прокручувань і їх зникнення в динамічному середовищі. Принтери можу друкувати переповнене вміст. auto Залежить від агента користувача. Браузери такі як Firefox надають прокрутку, якщо вміст переповнює блок.

розширення Mozilla

-moz-scrollbars-none Використовуйте overflow: hidden. -moz-scrollbars-horizontal Використання overflow-x і overflow-y краще. -moz-scrollbars-vertical Використання overflow-x і overflow-y краще. -moz-hidden-unscrollable Головним чином призначений для внутрішнього використання і для тем. Відключає прокручування XML root елементів і . клавішами зі стрілками і колесом миші.

visible (default)
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.

overflow: hidden
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.

overflow: scroll
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.

overflow: auto
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.

специфікації

Firefox (Gecko) Примітки

Через Firefox 3.6 (Gecko 1.9.2), властивість overflow невірно застосовується до елементів table-group ( . . ). Це поведінка буде виправлено в наступних версіях.

Internet Explorer Примітки

Internet Explorer 4 - 6 збільшує елемент з overflow: visible (значення за замовчуванням), щоб заповнити вміст в ньому. height / width діють подібно min-height / min-width.

Дивіться також

Мітки документа і учасники

Дякуємо! Будь ласка, перевірте свою папку "Вхідні" для підтвердження підписки.

Якщо ви раніше не підтверджували підписку на розсилку новин Mozilla, то вам, можливо, доведеться зробити це. Будь ласка, перевірте папку Вхідні або Спам в своїй поштовій скриньці, щоб подивитися, чи не настав від нас лист.

Приховати підписку на розсилку новин

Чому MDN виглядає інакше?

MDN змінюється, фокусуючись тільки на документуванні веб-технологій. Все той же відмінний контент залишиться тут; ми міняємо тільки візуальні елементи і навігацію, щоб допомогти вам швидше знаходити документацію по веб-технологіям.

Але не хвилюйтеся, MDN і Mozilla як і раніше разом. За фактом, ми оновлюємо тільки оформлення MDN, щоб відповідати новому лого і квітам Mozilla.

Прочитайте більше про редизайн в пості на нашому блозі. Дякуємо за використання MDN!

Приховати повідомлення про редизайн