本文总结了五种常见的清除浮动的方法及其各自的优缺点：1. 为父元素设置固定高度；2. 使用clear属性；3. 使用overflow:hidden;zoom:1；4. 为父元素添加float属性并使用clear:both解决兄弟元素异位问题；5. 利用before::伪类（推荐）。每种方法都有适用场景及局限性。
1.为父元素添加高度。缺陷：高度要随子元素所有高度变化而变化
2.clear属性。使用：在浮动元素的同级元素添加clear属性。缺陷：添加了多余标签
3.为父元素添加overflow:hidden;zoom:1属性。缺陷：overflow:hidden;会自动截取超出父元素宽度的内容
4.为父元素添加相应的float属性。缺陷：用于父元素浮动，所以其下的兄弟元素会发生位置异位（不使用浮动）。处理方法：给改兄弟元素添加clear:both属性。
5.使用before::伪类（推荐使用）
扫一扫
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
