Как отключить margin collapsing

Margin collapsing происходит, когда вертикальные отступы (margin-top и margin-bottom) соседних элементов объединяются в один. Чтобы предотвратить это: 1. Добавьте `padding` или `border` к родительскому элементу: ```css .parent { padding: 1px; /* или border: 1px solid transparent */ } ``` 2. Используйте `overflow: auto` или `hidden`: ```css .parent { overflow: auto; } ``` 3. Примените flex или grid layout: ```css .parent { display: flex; } ``` 4. Добавьте `::before` или `::after` с `display: table`: ```css .parent::before { content: ''; display: table; } ``` Пример с border: ```html ```