Свойство box-sizing
Определяет, как вычисляются ширина и высота элемента: должны ли они включать отступы и границы или нет.
box-sizing: content-box (по умолчанию):
Ширина и высота применяются только к содержимому элемента:
Этот div имеет ширину 300 пикселей. Но полная ширина составляет 300 пикселей + 20 пикселей (левая и правая границы) + 60 пикселей (отступ слева и справа) = 380 пикселей!
box-sizing: border-box:
Ширина и высота применяются ко всем частям элемента: содержимому, отступам и границам:
Здесь полная ширина составляет 300 пикселей, несмотря ни на что!