Что такое CSS overflow?

Question

Accepted Answer

## Коротко
`overflow` контролирует, что происходит с содержимым, которое **не помещается** в блок по ширине/высоте (или обоим осям).

## Значения

- `visible` — рисуется за пределами бокса (по умолчанию).
- `hidden` — обрезает без скролла.
- `clip` — обрезает жёстче, без программного скролла.
- `scroll` — всегда полосы прокрутки.
- `auto` — скролл при необходимости.

```css
.panel {
  max-height: 240px;
  overflow: auto; /* или overflow-x / overflow-y */
}
```

Неочевидный эффект: `overflow` отличный от `visible` часто создаёт **Block Formatting Context** и может стать содержащим блоком для `position: absolute` / влиять на скролл-контейнеры.

## Итог
Overflow — про обрезку и скролл; выбор значения влияет и на layout (BFC), и на UX прокрутки.