这段代码是怎么清除浮动的看不懂

.clearfix::before,
.clearfix::after {
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}

披萨书立外卖

2017-12-05

源自：十天精通CSS3 7-7

关注问题我要回答

1571

操作

收起

2 回答

麓鹿不迷路
2018-06-09

其实要想清楚.clearfix的浮动，就写下面的代码就足够了

.clearfix::after {
content: ""; //可以是空串，但不能不写
display: block; //只有作为块级元素才能清除浮动

clear:both; //清除左浮动和右浮动，只清除左浮动就写clear:left，右同理
}

0 回复有任何疑惑可以回复我~

qq_斷了D弦_03426429
2017-12-14

display: block;

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

十天精通CSS3

参与学习 242110 人
解答问题 2623 个

本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备

本课相似问答

3 回答这段代码不是很懂，大神解释一下

4 回答加:before和:after是为了清除浮动吗？可是为什么要用display:table而不用display:bloack呢

1 回答我怎么看不懂这个表格呢？？？

1 回答不懂代码意思

4 回答translate(-50%,-50%)在这个代码段的具体作用是什么？

搜索更多本课相关问答

这段代码是怎么清除浮动的看不懂

我要回答关注问题

意见反馈帮助中心 APP下载