解决高度塌陷问题（祖先元素清除浮动）

1）overflow:hidden

　　缺点：如果内容超过容器，会被隐藏

2）设置固定高度

　　缺点：需定好高度，实际项目难以决定需要多少高度,另外使用定位时会有影响

3）：：after 比较完美

　　

4）末尾加空的块级元素并设置其clear：both（原理同3）

5）display:table 

　　缺点：产生新的未知问题

6）一起浮动设置float

　　缺点：浮动产生新的问题

7）overflow:auto;

8）末尾加br,设置clear：both