Откуда появляется padding?

Question

[Максим]

Всем привет! Есть следующий код:
https://codepen.io/Melagomania/pen/YEogmY?editors=1100
Вопрос
Почему у внутреннего блока отображаются падинги, если для него прописан box-sizing: border-box, а высота и ширина установлены равными нулю. Разве не должен прятаться весь блок вместе с падингами? Спасибо!

Comments

[Ярослав Иванов]

а с чего он должен прятаться ?

[Ярослав Иванов]

htmlbook.ru/css/box-sizing

[Максим]

Ярослав Иванов,
Разве из этого не следует, что падинги не должы быть видны в случае с кодом выше? Лично я это понимаю так: если при box-sizing: border-box width и height включают в себя падинги и границы, то при нулевых width и height блок должен прятаться полностью, ведь для внутренних отступов и для границ места нет.

[Василь Бойко]

Максим, нет. просто запомните такое правило, вот и всё)

[Максим]

Василь Бойко, спасибо)

Answer 1

[tyzberd]

из прописаной вами ширины и высоты вычетается padding. А значение ширины и высоты не могут стать отрицательными.

Comments

[Максим]

Спасибо, у меня было неправильное понимание border-box