Reply To: Some issues about relation between width/height and margin/padding/border

[Shikkediel]

Let me throw in another one. Something I hadn’t noticed before but what seems to me a serious flaw with box-sizing. Padding and border aren’t included in the actual dimension when it is transferred to a child element. Here you can see that the parent has dimensions as specified, even with padding and border applied. But if you set the child to 100% width and height, the properties are suddenly subtracted!

Simple example

That’s just weird. And frankly a bit annoying.

Edit – coming back on the previous discussion, let’s include outline to box-sizing as an alternative…