清除浮动主要原因是浮动的元素脱离了文档流，造成了父元素高度坍塌
一 clear:both
在最后一个浮动元素的后面添加一个空元素，在这个空元素上添加样式clear:both; 或者直接添加伪元素，设置样式clear:both
clear属性可以清除浮动的原因：
clear属性不允许被清除浮动的元素的左边/右边挨着浮动元素，底层原理是在被清除浮动的元素上边或者下边添加足够的清除空间
二 BFC
因为BFC的特性之一是计算元素高度的时候需要考虑元素内部的浮动元素的高度，所以直接触发父元素的BFC就可以达到清除浮动的效果。 触发BFC的一个方式是overflow:hidden ,在父元素上添加overflow:hidden就可以完成清除浮动
