css中clear清除的是谁的浮动

admin 轻心小站 关注 LV.19 运营
发表于前端技术学习版块 css,教程

在CSS中,clear属性用于清除浮动。当一个元素被浮动元素覆盖,就会出现元素被浮动元素遮盖的情况,这时可以使用clear来清除浮动。.clearfix:before, .clearfix:after

在CSS中,clear属性用于清除浮动。当一个元素被浮动元素覆盖,就会出现元素被浮动元素遮盖的情况,这时可以使用clear来清除浮动。

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *display: inline-block;
} 

然而,clear不是用来清除自身的浮动,而是用来清除前面一个浮动元素对当前元素的影响。

例如,当一个元素被另一个元素浮动后,它们的父元素可能会跟随浮动元素而发生高度塌陷(height collapse)的情况,这时就可以在被浮动元素影响的元素上应用clear,以清除其前面浮动元素对其高度造成的影响。

总而言之,在CSS中,clear用于清除前一个浮动元素给当前元素带来的影响,从而避免出现高度塌陷的情况。

文章说明:

本文原创发布于探乎站长论坛,未经许可,禁止转载。

题图来自Unsplash,基于CC0协议

该文观点仅代表作者本人,探乎站长论坛平台仅提供信息存储空间服务。

评论列表 评论
发布评论

评论: css中clear清除的是谁的浮动

粉丝

0

关注

0

收藏

0

已有0次打赏