清除浮动的四种方法

1、额外标签法

再最后一个浮动的元素末尾添加一个div标签，并且给样式赋予clear：both

2、overflow：hidden 

通过触发BFC 再父元素中CSS中添加overflow：hidden

3、after伪元素

在父元素的CSS中添加代码

.clearfix {
              content:"";
              display:block;
              height:0;
              clear:both;
              visibility:hidden;
              }
.clearfix {
                *zoom:1;
            }

4、双伪元素清除浮动

在父元素CSS代码之中添加

.clearfix:before .clearfix:after {
                content:"";
                display:table;
                }
.clearfix:after {
                clear:both;
                }
.clearfix {
                *zoom:1;
                }