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浮动问题 */