css margin重叠

父子元素margin(垂直方向)重叠

解决办法：

1. 给子元素添加浮动属性，相应父元素添加必要的清浮动属性；
2. 给父元素添加边缘属性，如padding、border；

同级元素margin(垂直方向)反向重叠

同级元素margin反向重叠时，元素之间的距离为两个margin值中较大的那个。

因解决办法较少且兼容性较差，在具体编码中，应尽量避免这种情况的出现。

 

水平方向margin无重叠现象。一般只有块级元素会有margin重叠的问题。