清除浮动

给要清除浮动的父元素，最后一个子元素加上这个类

添加了一个清除浮动的伪元素，不会添加元素标签，语义性更强，原理是关闭了

// 清除浮动
.clearfix::before,
.clearfix::after {
    content: "";
    display: table;
    clear: both;
    width: 0;
    height: 0;
}
.clearfix{
	*zoom:1;//兼容ie6 *后的属性只有ie6-7才执行，其他浏览器不执行
}

不推荐的方法有：
给父元素设置overflow:hidden；//无法显示溢出元素
给父元素设置float浮动属性//破坏父元素布局
在最后加一个子元素设置 clear:both;//会添加无意义标签，语义化差