Ответы на вопросы на должность Frontend разработчика.
* { box-sizing: border-box; }
? В чём его преимущества?По умолчанию все элементы имеют box-sizing: content-box. Размеры блока рассчитываются из размеров контента.
box-sizing: border-box меняет то, как расчитываются width и height. Border и padding включаются в расчёт. Высота будет состоять из: высота контента + вертикальные padding’и + ширина вертикальных border. Ширина будет состоять из: ширина контента + горизонтальные padding’и + ширина горизонтальных border.