css 伪类清除浮动

Question

.clearfix:after{ content:""; border: 1px solid pink; display:block; height:0; clear:both; visibility:hidden;}伪类清除浮动的原理是什么？

Answer 1

:after就是在选择器之后的位置上设置内容为""的上面设置清除浮动，它之后的浮动将不会对它产生任何影响。