Почему появляется белое пространство при назначении внешних отступов блоку?

Question

[Bobr_10]

При назначении блоку внешних отступов появляется белое пространство. Почему?

Answer 1

[WapSter]

Почитай про схлопывание марджинов.
UPD уточню, какому блоку задаешь отступ родителю или заголовку?

Comments

[Bobr_10]

Спасибо за ответ!

[Bobr_10]

Заголовку.

[WapSter]

Bobr_10, а ну тогда мой ответ верен)

Answer 2

[Ilya Olovyannikov]

Потому-что это ВНЕШНИЙ отступ. Отступ от одного элемента до другого. В вашем случае у элемента header(условно) свой background серого цвета, а у следующего section черного. Решение 1 - background-color: black для body и дальше переопределение стилей по каскаду. Вариант 2 - padding-top для заголовка во втором блоке.

https://codepen.io/Olovyannikov/pen/xxGNrve

Comments

[Bobr_10]

Благодарю!