用空元素如<div class="clear"></div>

在子元素中加上这个空标签

<div class="clear"></div>

使用CSS的overflow属性

在要清除浮动的元素加上    

overflow: hidden;

让他变成内行元素

使用CSS的:after伪元素

通过CSS伪元素在容器的内部元素最后添加了一个看不见的空格"020"或点"."，并且赋予clear属性来清除浮动。

在要清除浮动的元素上加

.clearfix:after{

      content: "020";

      display: block;

      height: 0;

      clear: both;

      visibility: hidden; 

  }