margin合并的场景总计

概念及场景见：

http://www.w3school.com.cn/css/css_margin_collapsing.asp

这里仅总结出现margin合并的要素：

1 仅纵向margin会合并
2 仅块级元素会合并，display-inline、inline元素、float元素、绝对定位的元素、 overflow!=visible的元素均不会合并
3 父元素和第一个子元素的margin-top合并
4 父元素和最后一个子元素的margin-bottom合并，仅当子元素无边框和内边距时会合并