如何理解clearfix含义？

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

如上：
这段代码的详细讲解？
目前我只知道是用来清除浮动的，但还不够理解，为什么不直接加个clear:both，就行了~

这个貌似是给IE6用的，防止IE6用了清浮之后出现多余的空白行。  貌似是啊。