清除浮动有哪些方式？说说它们的优点和缺点？

1、给父元素单独定义高度

优点：快速简单，代码少

缺点：无法进行响应式布局

2、父级定义

overflow：hidden；zoom：1（针对 ie6 的 兼容）

优点：简单快速、代码少，兼容性较高

缺点：超出部分被隐藏，布局时 要注意 清除浮动方式

3、在浮动元素后面加一个空标签 

clear：both；height： 0；overflow：hidden

优点：简单快速、代码少，兼容性较高。

缺点：增加空标签，不利于页面优化 清除浮动方式

4、父级定义

overflow：auto

优点：简单，代码少，兼容性好

缺点：内部宽高超过父级 div 时，会出现滚动条 清除浮动方式

5、万能清除法

给塌陷的元素添加伪对象 .father：after{ Content：“随便写”； Clear：both； display：block； Height：0； Overflow：hidden； Visibility：hidden }

优点：写法固定，兼容性高

缺点：代码多