清除浮动的8种方法

一、给父级div定义伪类：after和zoom（最常用）

        .clearfloat:after{

                display:block;

                clear:both;

                content:" ";

                overflow:hidden;

                height:0;

}

          .clearfloat{

                zoom:1;

}

二、父级div定义overflow：hidden（只推荐没有使用postion或对overflow：hidden理解深的人使用，同时不能定义height.;....）

               .div{

                overflow：hidden；

}

三、在浮动尾部添加空div标签clear:both;(不推荐)

               .clearfloat{

                        clear:both;

                    }

        <div class="clearfloat"></div>

四、父级给高度height（不推荐使用，这里定义高度给后期等带来不便）

五、父级div定义overflow：auto（不推荐）

六、父级随子级一起浮动（不推荐）

七、父级div定义为表格display：table（不推荐）

八、加“br”标签（不推荐，知道就好）