清除浮动的方法(最常用的4种)
1.额外标签法(在最后一个浮动标签后,新加一个标签,给其设置clear:both;)(不推荐)
如果我们清除了浮动,父元素自动检测子盒子最高的高度,然后与其同高。
优点:通俗易懂,方便
缺点:添加无意义标签,语义化差
2.overflow:hidden
此方法涉及到BFC,通过触发BFC方式,实现清除浮动。因为BFC是一个块级格式化上下文,是一个独立渲染得区域。
3.伪元素:after
首先,伪元素是一个行内元素。正常浏览器清除浮动得方法。
符合闭合浮动思想,结构语意正确,但是对浏览器有要求。
4.双伪元素实现清除浮动
双伪元素包括:before,after。s使用起来简单快捷
但是必须要用zoom触发haslayout才可以