cssのフロートfloatの回り込みを解除するclearfixコード

現状利用の　clearfix

.clearfix {
zoom: 1;
}
.clearfix:after {
content:".";
display: block;
height:0;
clear: both;
visibility: hidden;
}

意味などわかっていません。



それについて、解説もあるのか？
そんなサイトを見つけたので、メモとして残しておきます。


http://kojika17.com/2011/04/floatclearfix.php