Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Як overflow: auto впливає на розміри блока?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)**`overflow: auto`** не змінює розміри блока сам по собі: блок залишається заданих `width`/`height`, а прокрутка (scrollbars) з'являється лише тоді, коли вміст виходить за межі content area. **Ключове:** на відміну від `overflow: visible`, блок не розтягується під контент, а на відміну від `scroll`, прокрутка з'являється лише за потреби.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)Зображення`overflow: auto` **не змінює розміри блока сам по собі**. Блок залишається тих розмірів, які задані `width/height` або розраховані браузером. Вплив зводиться до іншого: якщо вміст виходить за межі content area, браузер **вмикає прокрутку (scrollbars) лише за потреби**. Поведінка: - якщо контент вміщується, скролу немає, блок виглядає як зазвичай - якщо контент виходить за межі, з'являється вертикальна та/або горизонтальна прокрутка - розміри блока **не збільшуються заради контенту**, як це відбувається при `overflow: visible` ## Порівняння для ясності | Властивість | Поведінка | |---|---| | `visible` (типово) | Блок розтягується під контент | | `hidden` | Зайвий контент приховується, без прокрутки | | `scroll` | Прокрутка завжди, навіть якщо контент вміщується | | `auto` | Прокрутка **лише за потреби**, блок не росте | Підсумок: `overflow: auto` **зберігає габарити блока і додає прокрутку, якщо контент виходить за межі**.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.