外边距冲突

定义

在规范文档中，2个或以上的块级盒模型相邻的垂直margin会重叠。最终的margin值计算方法如下：
a、全部都为正值，取最大者；
b、不全是正值，则都取绝对值，然后用正值减去最大值；
c、没有正值，则都取绝对值，然后用0减去最大值。

解决方案

相邻块级元素的top、bottom合并：

1. 为两个块级元素中的任意一个设置display:inline-block；
2. 下方元素设置float:left；

父子相邻块级元素的同向top或bottom：

1. 父元素设置透明边框：border:1px solid transparent;
2. 父元素添加：overflow:...；(除了visible)
3. 父元素添加内边距：padding:1px;
4. 父或子元素设置float:left或者display：inline-block；