css如何解决浮动引起的高度坍塌？

css3

**1.**  使用clear:both
**2.**  使用after伪元素
**3.** 给父元素添加overflow:hidden

方法一
//给父元素添加声明
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