Почему контейнер движется за внутренним блоком?

Question

[Nohaga]

Если wrapper прописать margin: -100px 0 0 0, то блок content будет двигаться вместе с ним. Это по каким законам вёрстки?)

<div class="content">
<div class="wrapper">
</div>
</div>

Comments

[lUser L]

Это по каким законам вёрстки?)

Встречный вопрос

marign: -100px 0 0 0,

marign

Answer 1

[Ankhena]

Это по каким законам вёрстки?)

По законам схлопывания вертикальных margin.
Дальше легко гуглится что это такое, как себя ведет и пути избавления.

Answer 2

[Андрей Федоров]

С чего вы решили? Приведите пример кода.

Вот код подтверждающий что такого эффекта нет - https://codepen.io/aliencash/pen/ExVgWJz?editors=1100С

Comments

[Ankhena]

Да, флексы отменяют этот эффект.