关于清除浮动

来源:3-1 实现栅格系统--基础部分

迷失的小麦

2020-03-05 11:09:44

.clearfix:after,
.clearfix:before,
.container:after,
.container:before,
.row:after,
.row:before {
    display: table;
    content: ' ';
}
.clearfix:after,
.container:after,
.row:after {
    clear: both;
}

1.为什么要将display: table; content: ' ';同时给bofore和after?只给after为什么不可以?

2.display: table;是什么意思?在这里是什么作用?


写回答

1回答

好帮手慕言

2020-03-05

同学你好,关于同学的疑问,解答如下:

1、这边使用主流浏览器测试了下,只给after设置,也是可以的。

http://img.mukewang.com/climg/5e60ac420949bae703540569.jpg

2、display: table;元素会作为块级表格来显示(类似 <table>),老师在课上也提到了一下,是为了解决在某些浏览器的bug,不过现在主流浏览器是没有问题的,这里了解下即可。

如果我的回答帮到了你,欢迎采纳,祝学习愉快~

0

0 学习 · 6815 问题

查看课程