解决一些遇到的css问题

1.外边距合并问题：

父元素解决办法：overflow：hidden；display:inline-block; padding-top:20px; border:solid 1px; 浮动或是绝对定位

子元素解决办法：display:inline-block;浮动或是绝对定位

2.元素塌陷问题：

无非就是子元素添加浮动后造成了父元素塌陷（父元素没有设置高度）的问题解决办法(清除浮动)：

父级办法：加高(不适用不好维护)、display:inline-block;(缺点是margin：auto;会失效) 、overflow:hidden;(要配合宽度)、让父元素也浮动（这样margin：auto；会失效）、使用伪元素after（.box:after{content:' '; display:block; clear:both;}）,这个方法是现在的主流方法

子级办法：加一个空的div并给它加上样式：clear：both；