Box model — это модель, по которой браузер рассчитывает размеры каждого элемента. Состоит из content (содержимое), padding (внутренний отступ), border (рамка) и margin (внешний отступ). По умолчанию width задаёт только content, а padding и border добавляются сверху (content-box). С box-sizing: border-box width включает padding и border — это предсказуемее. Почти все CSS-фреймворки ставят border-box глобально через *, *::before, *::after.