在这个说明中，“collapsing margins”（折叠margin）的意思是：2个或以上盒模型之间（关系可以是相邻或嵌套）相邻的margin属性（这之间不能有非空内容、padding区域、border边框
或使用清除分离方法）结合表示为一个单独的margin。
常用以下四种解决方法：
1、父元素设置 overflow:hidden;
2、父元素设置 padding-top:1px;
3、父元素设置 border-top:1px solid transparent;
4、父元素或子元素设置浮动 float:left; 或者绝对定位 position:absolute。
