在这个例子中，新添加的div不本来就是块级元素吗，于什么还要用到display：block呢？
6 回答
壮壮Lau
TA贡献3条经验 获得超0个赞
content只能与：：before或：：after配合使用，伪元素默认是行内元素，所以写display:block没有任何毛病。
如果不想用伪元素可以改成
.clearfix{
clear:both;
height:0
}
心上无垢
TA贡献6条经验 获得超2个赞
清楚浮动并不是把浮动清楚了，而是清楚浮动带来的影响，影响就是父级元素没有了高度。所以清楚浮动本质就是给父级元素一个高，你可以直接给父级元素高（太傻了）。你可以加dispaly position overfild这几个属性，加上去就能清楚浮动，其原理就是这几个属性可以启动浏览器的bfc宣览机制（什么是bfc可以百度哈，很重要），简单的说呢，bfc就可以把元素高强制出来，又回到了本质，通过这个机制宣览，父元素又有高了。所以清除浮动还是让父元素有高而已。如果你听了我的 回答不懂，且觉得不重要，你还是去把网上清除浮动的代码粘贴下来，直接用吧。
橋本奈奈未
TA贡献436条经验 获得超108个赞
.clearfix::after {
content: "";
display: block;
clear: both;
}<div class="per clearfix"> <div class="li"></div> <div class="li"></div> </div>
橋本奈奈未
TA贡献436条经验 获得超108个赞
是你写错了，
应该这么写
.clearfix::after{
content: "";
display: block;
clear: both;
}利用伪元素。content其实是空字符，然后把clearfix加到per的div上。所以才要加display
如果你用的是div那可以不要display，content也不需要，height和visibility也是多余的
- 6 回答
- 3 关注
- 2375 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消