Как сделать, чтобы у блока внутри блока можно было сделать отступ и первый блок бы не двигался?

Question

[Максим Иванов]

https://jsfiddle.net/vsukfzvu/18/

Когда пишу margin-top: 15px;

отступ у обоих элементов, хотя я задаю только у одного блока. Или нет?

Answer 1

[Владимир Скибин]

Используется "схлопывание отступов"
Варианты:
1. .middle-page { display: flex; }
2. .middle-page .main-middle-page { float: left; }

Answer 2

[Froggyweb]

Вот https://developer.mozilla.org/ru/docs/Web/CSS/CSS_...

Comments

[Максим Иванов]

Не могли бы вы объяснить немного проще или написать код?

[Froggyweb]

Максим Иванов, ну там вроде просто....
Как решение добавить паддинги внешнему блоку. Бордер к примеру тоже припятствует схлопыванию.