Div с margin-top внутри div'а — почему так происходит?

Question

[Артем Лисовский]

Приветствую.
jsfiddle.net/07fj90tm
Собственно если делаю div внутри div'a и задаю вложенному margin-top, то отступает не от родительского контейнера, а вместе с родительским контейнером, что несколько неясно(и противоречит моему понимаю о блоках).

Естественно это решается при помощи display: inline-block для дочернего, но это решение мягко говоря так себе.
Почему так происходит и как быть по-хорошему?

Answer 1

[bio]

xiper.net/learn/css/box-model/margin-collapsing

Answer 2

[Ленар Фаттахов]

Используйте padding родительского элемента