外边距塌陷(合并):指的是垂直方向上的margin相遇,会重叠取最大值而不是两者之和。
主要有两种情况:兄弟容器之间 / 父子容器之间
解决方法:
1)兄弟容器之间,只给其中一个设置margin-bottom或margin-top
2)父子容器之间:
a.给父盒子设置overflow:hidden;
b.不用margin撑开改用父元素的padding-top撑开
c.父元素相对定位,子元素绝对定位,给子元素设置top值
d.把父元素转化为行内元素
e.让子元素浮动
f.给父元素设置透明的border-top
标签:容器,top,元素,问题,塌陷,设置,外边,margin From: https://www.cnblogs.com/doubleyancode/p/17208016.html