2、相邻块元素垂直外边距的合并(塌陷)

image.png

image.png

可以看到里面的div margin被合并了
有两种解决方案：
1.给外面的div加个border: 1px red solid;

image.png

2.给父元素添加overflow: hidden;属性

image.png