两种常用的清楚浮动的方法

写页面的时候，我们很多时候都会用到浮动，继而就要清除浮动了，下面我就说两种方便的、前端人员经常用的方法：

第一种：在父级元素结尾前加个清除浮动的空div，加个统一class="clearFloat" ,

<div class="clearFloat"></div>

然后在css样式里写上

.clearFloat{
    clear:both;
}

浮动清除了 !  优点：简单，代码少，浏览器支持好  缺点：如果页面的浮动多的时候，就会出现很多的清楚浮动的空div

第二种：给要清楚浮动的父级元素定义伪类after，

首先统一添加class名,什么都可以，我加了"clearFloat",好理解：

<ul class="imgList clearFloat ">

然后在CSS里定义after

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

浮动清除了！浏览器支持好，现在大型的网站如腾讯，新浪等都有使用

当然，还有其他的方式可以清除浮动，以上两种本人觉得是比较好的两种方法