清除浮动的几种方式,各自的优缺点,推荐使用哪种?
方法一:额外标签法 给谁清除浮动,就在其后额外添加一个空白标签 ,给其设置clear:both。clear:both:本质就是闭合浮动, 就是让父盒子闭合出口和入口,不让子盒子出来优点:通俗易懂,书写方便。缺点:添加许多无意义的标签,结构化比较差。方法二:父元素添加overflow:hidden通过触发BFC方式,实现清除浮动优点:代码简洁缺点:内容增多的时候容易造成不会自动换行导致内容被隐藏掉,无法显示要溢出的元素。方法三:使用after伪元素清除浮动优点:符合闭合浮动思想,结构语义化
复制链接