Альтернативная блочная модель

Блочная модель по-умолчанию: content-box

К ширине и высоте добавляются границы и внутренний отступ, в результате чего высота и ширина элемента становятся больше, чем указано

Альтернативная блочная модель: border-box

Ширина и высота содержимого корректируются с учетом внутреннего отступа и границы. В результате размеры не превышают заданные ширину и высоту