CSS中常用的clearfix方法

常用的清除浮动(clearfix)方法：

清除兄弟元素带来的浮动影响

• 方法一：在浮动元素后新增一个空div标签，设置 clear:both;
• 方法二：在有影响的兄弟元素中设置 clear:both;

清除子元素给父元素带来的浮动影响

• 方法一：给父元素设置 overflow:hidden; 可加*zoom=1;用于兼容IE6
• 方法二：使用after伪元素清除浮动

  .outer::after{
    		  content: "";
            display: block;
            clear:both;
    	}
  

  注：:before/:after是Css2的写法，::before/::after是Css3的写法
  :before/:after 的兼容性要比::before/::after好 ，
  不过在H5开发中建议使用::before/::after比较好