Чем box-sizing отличается от других CSS-свойств?

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

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

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

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