清除浮动的几种办法

浮动元素后边使用一个空元素第一种：浮动元素后边使用一个空元素

<div class="clear"></div>

clear：both；

给浮动元素的容器（父元素）添加第二种 给浮动元素的容器（父元素）添加 css

overflow:hidden;

使用 css3 的:after 伪类

.class名:after{
    content:".";
    display:block;
    height:0;
    visibility:hidden;
    clear:both;
}

css .class类名{ zoom:1; } 用来兼容