Свойство box-sizing отличается от других CSS-свойств тем, что позволяет изменить алгоритм расчёта ширины и высоты элемента. 2

По умолчанию, указывая ширину и высоту в CSS, мы задаём размеры только для внутреннего содержимого элемента. 1 Однако полный размер элемента включает в себя не только содержимое, но и отступы, рамки и, возможно, внешний отступ (margin). 1

Свойство box-sizing со значением border-box изменяет это поведение и включает границы и отступы в общий размер элемента, исключая внешний отступ (margin). 1 Таким образом, размер элемента остаётся неизменным, независимо от отступа. 1

Также свойство box-sizing позволяет обеспечить единообразный дизайн веб-страницы во всех браузерах. 1