最常用的CSS清除浮动代码

1、<div class="clearfix">

   <div class="left"></div>

    <div class="right"></div>

</div>

以上代码的意思就是，需要做清除浮动的父级元素命名类名为clearfix

2、添加清除浮动的子元素，不会增加多余的html元素：

.clearfix:after{

      content:".";

      display:block;

      clear:both;

      height:0;

      visibility:hidden;

}