Увеличивает ли padding ширину блока?

Question

[wellew]

Подскажите пожалуйста, если задать блоку ширину с помощью width (к примеру 300px), а потом элементу внутри блока padding-left (пусть 50px), то ширина блока станет 350px, или останется 300px?

Answer 1

[Lam Besis]

Если ширина фиксирована, она меняться не будет. Блок внутри будет подстраиваться под родителя.
Если внутреннему блоку жестко задать ширину превышающую ширину родительского - он будет вываливаться, но ширина родительского блока все равно останется 300px,

Comments

[Andrew]

Да?)
Высота в стилях не будет меняться, конечно, но зрительно(clientWidth) будет.

[AngReload]

Andrew, в вопросе: элементу внутри блока, а не самому блоку.

Answer 2

[Andrew]

Как вы в разработчики(верстальщики) пошли с таким любопытством
https://codepen.io/kickerock/pen/yRzLLp

Answer 3

[Sahnen]

Если задать box-sizing: border-box, то не увеличится и не вылезет за родителя (по умолчанию box-sizing: content-box). box-sizing нужно задавать элементу, который внутри (свойство не наследуется)