CSS清除浮动

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

为了统一样式，新建一个div元素，并设置类属性，对应选择器设置clear:both，在然后在父级元素

结束前加入，对clear：both的引用
3、父级元素定义overflow:hidden
对父级元素添加overflow:hidden样式，可以清除父级内元素使用float产生的浮动。
4、使用：after来实现
添加一个类

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

对父容器添加此类

     
1
     
2
     
     
3