解决高度塌陷问题的方法:
方法一、
//给付元素添加声明 overflow:hidden;缺点:回隐藏溢出的元素;
方法二、
在浮动的元素下添加空div标签,并给该元素添加声明:clear:both;height:0; overflow:hidden;缺点:在结构里增加了空标签,不利于代码可读性,且降低了浏览器性能;
方法三、
万能清除浮动法:选择符:.clear:after{content: ' ',clear: both;display:block;height:0;visibility:hidden;}.clear{zoom:1;} //兼容IE6、7