详细说明：
前言
最近在学习很多开发过程中容易忽悠但是又很重要的知识点，很多时候用的少不代表它不重要，这里将它们写出来以记录，如果有写的不好的地方请指正。
概念
margin合并是指块级元素的上外边距与下外边距有时会合并为单个外边距，有两点需要理解。
在块级元素中，不包括浮动和绝对定位元素
只发生在和当前文档流方向的相垂直的方向上
场景
一、相邻兄弟元素margin合并
p { margin: 1em 0; }
第一行
第二行
因为第一行和第二行的元素合并在一起，所以他们的间距还是1rem，而并非上下相加。
二、父级和子元素
.div1 { margin-t
