清除浮动方法

参考文章：清除浮动的最常用的四种方法，以及优缺点_h_qingyi的博客-CSDN博客_清除浮动

• 第一种：子元素后添加元素，属性 clear:both（clear属性的用法）
• 第二种：父元素，overflow:hidden
• 第三种：父元素的伪元素方式一，以下这几个属性都要加

#parent::after{
  content:"";
  height:0;
  visibility:hidden;
  display:block;
  clear:both;
}

这里面#parent是父元素 

但ie6-7不支持伪元素after,在父元素上写zoom:1就行 

• 第四种：父元素的伪元素方式二，设置after和before两个伪元素

.clearfix:after,.clearfix:before{
        content: "";
        display: table;
    }
    .clearfix:after{
        clear: both;
    }

其中.clearfix是父元素