![](https://i-blog.csdnimg.cn/blog_migrate/e35b7e7fee124110c43f4fc657bd873a.png)
image.png
![](https://i-blog.csdnimg.cn/blog_migrate/d2b5c22a0edb31e87b9d91b15923b867.png)
image.png
可以看到里面的div margin被合并了
有两种解决方案:
1.给外面的div加个border: 1px red solid;
![](https://i-blog.csdnimg.cn/blog_migrate/f54f092c83d27711b6b98cf09943dce5.png)
image.png
2.给父元素添加overflow: hidden;属性
![](https://i-blog.csdnimg.cn/blog_migrate/8611e45926773c6d3d0620ee49075899.png)
image.png
可以看到里面的div margin被合并了
有两种解决方案:
1.给外面的div加个border: 1px red solid;
2.给父元素添加overflow: hidden;属性