Linux 拨号vps windows公众号手机端

css中clearfix怎么使用

lewis 6年前 (2019-01-23) 阅读数 9 #程序编程
文章标签 clearfixcss

在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类名即可。
这样可以保证父元素正常包裹子元素,避免高度塌陷的问题。



版权声明

本文仅代表作者观点,不代表米安网络立场。

发表评论:

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

热门