CSS清除浮动

1、对父级元素设置合适的CSS高度
对父级元素设置合适的样式清除浮动，需要确定内容高度，例如：内容高度+边框高度
2、<code>clear：both</code>方法清除浮动（原理是在浮动元素后添加一个清除浮动元素层）

为了统一样式，新建一个div元素，并设置类属性，对应选择器设置<code>clear:both</code>，在然后在父级元素</div>结束前加入，对<code>clear：both</code>的引用
3、父级元素定义<code>overflow:hidden</code>
对父级元素添加overflow:hidden样式，可以清除父级内元素使用float产生的浮动。
4、使用：after来实现
添加一个类

.floatfix:after{
      content:'.';
      display:block;
      height:0;
      visibilility:hidden; 
      clear:left;
}

对父容器添加此类

<div class="p floatfix">
     <div>1</div>
     <div>2</div>     
     <div>3</div>
</div>