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