Почему div с clear: both не реагирует на margin-top?

Question

[toha_man]

Почему див у которого сброшены float'ы со всех сторон не реагирует на margin-top ?

https://codepen.io/anon/pen/jvxrYp

Answer 1

[Максим]

это называется схлопывание внешних отступов
помогает в нужном случае -transform:translateY();

Comments

[toha_man]

Спасибо за ваше решение. Я так же достигал аналогичного эффекта с помощью блока с классом .clear-fix

Но мне бы хотелось понять механику данного поведения

Answer 2

[Dymok]

https://codepen.io/UnluckySerivelha/pen/GXdqaO