这段代码是怎么清除浮动的看不懂-慕课网

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

来源：7-7 CSS3选择器 ::before和::after

披萨书立外卖

2017-12-05 19:25

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

写回答关注

2回答

麓鹿不迷路

2018-06-09 10:01:14

其实要想清楚.clearfix的浮动，就写下面的代码就足够了
.clearfix::after {
content: ""; //可以是空串，但不能不写
display: block; //只有作为块级元素才能清除浮动
clear:both; //清除左浮动和右浮动，只清除左浮动就写clear:left，右同理
}

0 0
qq_斷了D弦_03426429

2017-12-14 15:56:50

display: block;

0 0