清除浮动的方式？各自优点

高度塌陷：

当所有的子元素浮动的时候，且父元素没有设置高度，这时候，父元素就会产生高度塌陷

• 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;
      
  }