清除浮动的三种方法

1.添加div 或p 标签  

.div{
clear:both;
}

 

2. 在浮动的父元素中添加 overflow:auto; zoom:1(兼容IE6，7) 假设box 为父元素

.box{
    overflow:auto;
    zoom:1;    
}

3.使用after伪对象清除浮动

.box:after{
    content:' ';
    display:table;
    clear:both;  
    
}

个人感觉第二种更简洁