clearfix清除浮动中display:table;的理解

清除浮动除了常用的clear:both;之外，还有一种就是利用重置样式表中的clearfix

具体如下：

.clearfix::after{
content:"";
diaplay:table;
clear:both;
}

这里解析一下display:table;

设置为display:table;  没有内容也会自成一行

设置为display:block;没有内容不会自成一行！！

这就是我认为设置display:table的原因。

事实上在大多数情况下设置display:block的效果是一样的！！！

 

本博客由博主原创，如需转载需说明出处！谢谢支持！