CSS清除浮动的几种办法

1.给父级元素定义高度
2.让父级元素也浮动
3.父级定义display:table 或者 display:inline-block;
4.父元素设置overflow:hidden
5.后面元素增加 clear: both;
6.clearfix:使用内容生成的方式清除浮动

.clearfix:after {  // :after选择器向选定的元素之后插入内容
   		    content:""; // 生成内容为空
   		    display: block; // 块级元素显示
   		    clear:both; // 清除前面元素
	}