清除浮动的三种方式

1.给父级定义height

    此种方法简单，但是只适用定高得布局

2.在结尾处加一个空的div兄弟元素，添加clear：both样式。

3.给父级元素增加伪类after与zoom

.clearfix:after {content： "";display：block;visibility：hidden;height：0;line-height：0;clear：both;	
}

.clearfix {
	zoom: 1
}
/*IE8 以上和非 IE 浏览器才支持：after,，zoom(IE 转有属性)可解决 ie6，ie7浮动问题 */