1.最推荐的方法,一定要写在首文中了。因为浮动导致元素父元素塌陷问题。
最经典的写法是:
.clearfix::after{
content:' ';
display:table;
clear:both;
}
.clearfix{
*zoom:1; /*兼容IE低浏览器*/
}
2.块级格式化文本BFC:
只需给父元素创建块级格式化上下文,就可以让浮动的元素参与高度计算,这样一来,父元素的高度就有了。
overflow:hidden;
overflow:hidden
较多的原因是不会带来其它的布局问题。