css中clearfix怎么使用

lewis 2019-01-23 20次阅读

在CSS中,clearfix通常用于解决浮动元素引起的父元素高度塌陷的问题。常见的clearfix方法有以下几种:
1. 使用伪元素::after

.clearfix::after{

content:"";

display:table;

clear:both;

}

2. 使用overflow属性

.clearfix{

overflow:auto;

}

3. 使用clearfix类名

.clearfix{

zoom:1;

}

.clearfix::after{

content:"";

display:table;

clear:both;

}

使用方法:
在需要清除浮动的父元素上添加clearfix类名即可。
这样可以保证父元素正常包裹子元素,避免高度塌陷的问题。





发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。