终极清除浮动的方式用法及解释
.clearfix { *zoom:1; } .clearfix:after { content:\'\'; display:block; clear:both; } 这是经典的清除浮动的方法之一,通常称为“clearfix”方法。这方法使用了伪元素(:after)来在浮动元素的最后插入一个空的块
标签 #清除浮动 共 4 篇
.clearfix { *zoom:1; } .clearfix:after { content:\'\'; display:block; clear:both; } 这是经典的清除浮动的方法之一,通常称为“clearfix”方法。这方法使用了伪元素(:after)来在浮动元素的最后插入一个空的块
使用 ::after 伪元素清除浮动是一种常见的技巧,通常被称为 \"clearfix\"。通过在包含浮动元素的容器上使用伪元素,可以确保容器能够正确地包含浮动的子元素,从而避免父元素高度塌陷的问题。
清除浮动是为了解决浮动元素对父容器高度塌陷的问题。以下是一些常用的清除浮动的手法和示例:
终极版一: .clearfix:after{ content:"200B"; display:block; height:0; clear:both; } .clearfix{*zoom:1;}/*IE/7/6*/