Что вызывает нежелательный горизонтальный скролл?

Question

Accepted Answer

## Частые виновники

- Элемент шире вьюпорта: фиксированный `width`, `100vw` + вертикальный скроллбар, отрицательные margin, `transform`.
- Абсолютно позиционированные декорации без `overflow-x: hidden` на предке (лучше чинить причину).
- Длинные слова/URL без `overflow-wrap`/`min-width: 0` во flex-item.
- `pre` / таблицы без сжатия.

```css
.flex-child { min-width: 0; } /* иначе min-content раздувает ряд */
body { overflow-x: clip; } /* маскирует симптом — сначала найдите кто */
```

Отладка: временно `* { outline: 1px solid red }` или скрипт поиска `scrollWidth > clientWidth`.

## Итог

Горизонтальный скролл почти всегда = потомок шире; ищите 100vw, flex min-content и «выехавший» absolute.