Как предотвратить схлопывание полей обоих внутренних div?
Вот Stackblitz
.block { margin: 8px 0; height: 20px; width: 40px; border: 1px solid red; }
<div> <div class = "block"></div> </div> <div> <div class = "block"></div> </div>
тут может пригодиться - stackoverflow.com/q/19718634/10749726
Режим макета сетки не сворачивает поля:
body { display: grid; } .block { margin: 8px 0; height: 20px; width: 40px; border: 1px solid red; }
тут может пригодиться - stackoverflow.com/q/19718634/10749726