清除浮动除了常用的clear:both;之外,还有一种就是利用重置样式表中的clearfix
具体如下:
.clearfix::after{
content:"";
diaplay:table;
clear:both;
}
这里解析一下display:table;
设置为display:table; 没有内容也会自成一行
设置为display:block;没有内容不会自成一行!!
这就是我认为设置display:table的原因。
事实上在大多数情况下设置display:block的效果是一样的!!!
本博客由博主原创,如需转载需说明出处!谢谢支持!