清除浮动

<!-- 
  面试题: 如何清浮动(多少种) => 方案有哪些优缺点 => 原理是什么？
    + 添加高度 height=内容的高度   优点:属性设置简单   缺点: 高度写死  (不建议使用)
    + BFC(overflow:hidden)       优点:属性设置简单   缺点: 溢出隐藏(下拉框)  
    + clear:both （float的天敌clear） 优点:css专门用来清浮动的属性 缺点: 添加很多无意义的空标签 
      -  块特定的元素 div
      -  空内容
      -  clear:both
    + 利用伪元素::after (最常用)    优点:复用  缺点: 样式太多  
    
    浮动:
    - 让元素消失的方法(越多越好)  display:none + opacity:0 
    -  display:none ,opactity:0, overflow: hidden(超出); 和 visibility: hidden; 区别
    -  display取值？
    -  行内的分类及相互转化
    -  overflow:hidden 的多个作用
    -  BFC原理
 -->
<style>
  .clearfix::after {
    content: '';
    display: block;
    clear: both;

    font-size: 0;
    width: 0;
    height: 0;
    overflow: hidden;
    visibility: hidden;
  }
  .clearfix {
    *zoom: 1;
  }
</style>