清除浮动的方法

.clearf{ overflow: hidden;}

缺一不可；

还有别的就是给父元素添加伪元素之流：

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

或者在浮动元素后加个空标签清除

<div class="fleft"></div>
<div class="fleft"></div>
<div class="clearboth"></div>

.clearboth{
clear:both;
}

推荐第一种

清除浮动的方法

原文：https://blog.51cto.com/13496570/2409248