По умолчанию свойство padding в CSS прибавляется к ширине элемента, создавая внутренние отступы, которые увеличивают размер элемента. 25

Например, если ширина элемента составляет 200 пикселей, а padding — 15 пикселей с каждой стороны, то итоговая ширина будет равна 200 + 15 + 15 = 230 пикселей. 5

Чтобы не менять размер элемента при добавлении отступов, можно использовать свойство box-sizing: border-box. 4 Оно включает отступы в уже определённые размеры элемента. 4

Также итоговая ширина элемента может определяться с учётом разных блочных моделей. 3 По блочной модели W3C ширина элемента вычисляется из контента блока без учёта padding и margin, а по традиционной блочной модели за ширину принимается сумма контента, padding и рамки. 3