Чем отличаются overflow: auto, scroll и hidden?

Question

Accepted Answer

## Поведение

- **`visible`** (default) — контент рисуется снаружи, скролла нет.
- **`hidden`** — обрезка, скроллбара обычно нет (программный scroll возможен в части случаев).
- **`auto`** — скроллбар **по необходимости**, когда контент не влезает.
- **`scroll`** — место под скроллбар часто резервируется всегда (зависит от ОС/оверлей-скроллбаров).

```css
.panel {
  max-height: 240px;
  overflow: auto; /* чаще UX-friendly */
}
.clip { overflow: hidden; border-radius: 12px; }
```

`overflow-x`/`overflow-y` задаются раздельно. `overflow: hidden` ещё создаёт BFC — побочный эффект clearfix-хаков.

## Итог

`auto` — скролл когда нужен; `scroll` — «всегда»; `hidden` — обрезать без UI-скролла.