清除浮动~

适用清除浮动的情况 :

• 父级没高度
• 子盒子浮动
• 下面布局被影响

清除浮动的目的：

在没规定父盒子高度的情况下，让父盒子的高度适应子盒子的高度，避免影响后续标准流的排版

清除浮动的方法 ：

• 在最后一个浮动子元素后面添加一个空的标签，且必须是块级元素，或者<br/>
• 给父元素加上over-flow: hidden;（常用）
• 给父元素添加after伪元素（结构简单），即 

   <style>
          .clearfix:after {
              content: "";
              display: block;
              height: 0;
              clear: both;
              visibility: hidden;
          }
  
          .clearfix {
              *zoom: 1;
          }
      </style>
  
  /*并令父元素的class=clearfix*/

• 给父元素添加before和after双伪元素（两端闭合），即

  <style>
          .clearfix:before,.clearfix:after {
              content: "";
              display: table;
          }
  
          .clearfix:after {
              clear: both;
          }
  
          .clearfix {
              *zoom: 1;
          }
      </style>
  
  /*并使父元素class=clearfix*/