Почему часто глобально ставят box-sizing: border-box?

Question

Accepted Answer

## Суть

Чтобы **width означал итоговый размер блока**, включая padding и border — так проще верстать сетки и формы.

## Паттерн

```css
*,
*::before,
*::after {
  box-sizing: border-box;
}
```

или наследуемый вариант:

```css
html { box-sizing: border-box; }
*, *::before, *::after { box-sizing: inherit; }
```

Без этого `width: 100%` + `padding` легко даёт горизонтальный скролл. С `border-box` проценты и flex-базисы ведут себя интуитивнее.

## Итог

Глобальный `border-box` — де-факто стандарт современных reset/normalize. Меньше сюрпризов с размерами.