** 1.什么是外边距合并？**
外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。
浮动元素的边距 上下，左右都是相加的。
** 2.产生外边距合并的情况**
父元素中正常文档流的子元素margin-top 和margin-bottom会有外边距合并问题（包括第一个子元素跟父元素之间），发生合并的外边距是高度中的较大者。
- 解决方法（任意用一个）：
- 父元素加overflow:hidden;
- 父元素设置:padding:1px（padding设置一个极小的值）
- 不给第一个子元素设置上边距，改为给父元素设置上边填充
