float脱离文档流后失去宽高怎么办

项目需要完成一个列表审核的情况，如图1，圈起来的部分是使用float放在左边的，

但是当页面缩小后，由于元素脱离文档流并且宽高超过父元素，就会出现图二的情况

为解决这种情况，在浮动元素后面设置清除浮动即可，我用的是：

clear: both;

除此之外还有许多清除浮动的方法，就不一一贴出来了，网上有很多整理的很好的文章。