边距合并的现象（原因）
块级元素，两个普通的相邻的都有外边距的元素，会产生合并，结果是二者之间最大值
当一个元素在父容器内，
外边距合并有两种：1、在同一个父容器中相邻元素的外边距合并
2、两个元素一个是父元素一个是子元素，即父子元素的外边距的合并。父元素如果没有边框或者padding时，会出现合并，结果是二者最大值
二、如何让相邻元素不合并的方法
相邻元素再正常文档流中边距会合并，1、float浮动元素，
2、dispaly:inline-block,
但是overflow:hidden不能不合并；并不是所有的的BFC（外界交融的）都可以让元素的边距不合并，此时，可以对元素增加父元素，让父元素形成BFC，那其内部的元素不会合并边距
三、如何让父子元素不合并的方法
1、给父元素加个边框设置即可
2、对父元素设置padding-top（padding）:1px即可
如果一个元素没有内容，没有边框，没有margin,没有padding其自身的边距就可以发生合并，可以设置border:1px solid transparent;或者padding:1px;