关于解决margin合并（折叠）的方法

margin-top 会沿着上方进行父元素和子元素的叠加，有时候会莫名其妙的撑开父元素与上方的间距，这是很糟糕的一件事情。

解决办法:

1)在父层div加上：overflow:hidden；

 

2)把margin-top外边距改成padding-top内边距;

 

3)父元素产生边距重叠的边有不为 0 的 padding 或宽度不为 0 且 style 不为 none 的 border

父层div加： padding-top: 1px,或者 border-top:1px ;

 

4)设置父元素或子元素浮动（left/right）

5)设置父元素dispaly:inline-block或者display:table-cell;

 

6)给父元素加上绝对定位

以上6种办法都能解决第一个子元素的父元素的间距问题