合并场景：
1、相邻元素合并
2、父子元素合并
3、自己合并
如何合并：
1、两个相邻的外边距都是正数时，合并结果是它们两者之间较大的值。
2、两个相邻的外边距都是负数时，合并结果是两者绝对值的较大值。
3、两个外边距一正一负时，合并结果是两者的相加的和。
解决办法：
对于兄弟元素：设置浮动，display：inline-block或使其父元素均形成BFC可防止边距合并（如overflow:hidden）
对于父子间的元素：可以给父元素设置border或padding属性来防止合并。
对于空元素：设置border或padding属性或overflow：hidden等（形成BFC）来防止合并。
父子外边距合并的范例：
即使h1包裹多层，父子的外边距仍然合并。
