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