css 伪类清除浮动

Question

.clearfix:after{

content:"";

border: 1px solid pink;

display:block;

height:0;

clear:both;

visibility:hidden;

}

伪类清除浮动的原理是什么？

Answer 1

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