css - .clearfix:after中为什么设置display: table

Question

相较于display: block;有什么优点吗？

Answer 1

In fact, setting display: table actually uses the parent container to form a BFC
and display: block does not clear the float. It uses clear: both to clear the float.
It is recommended to take a look at this article, if you are interested, you can also study BFC
CSS Clear Float (Clear and BFC)

Answer 2

display:block will cause line breaks

Answer 3

display:table will clear the floating elements before and after, but block will not

Answer 4

Prevent margin merging