发生条件
情况一:两个div垂直边界相邻,margin会等于二者中margin较大的值
解决方案 1.position:absolute
2.float:left
情况二:子元素在父元素内,子元素的margin-top会与父元素的margin-top重叠,值等于二者中较大的,如果只有子元素设置了margin-top,则显示为父元素的margin-top
解决方案 1.给父元素设置border(给子元素设置边框没有用)
2.给父元素设置padding值
3.给父元素或子元素添加float:left
4.给父元素或子元素添加position:absolute
5.给父元素添加overflow:hidden
6.给子元素添加display:inline-block
情况三:一个空白元素自身的margin-top和margin-bottom会重叠,值为而这种较大的
解决方案 1.设置透明border