clearfix- 消除float的效果

一般在寫CSS的時候，寫了float效果，有經驗的都知道一定要在後面加上一個消除float的命令，可能是加在下一個元件上，也有許多是寫成像上圖一樣，用一個空的div，裡面加上clear:both就可以消除float的效果。

還有一個方法是使用虛擬的:after，在有float的元件後，加上一個clear:both，也可以消除float的效果，有興趣的可以試試看。
#content:after{
content:"";
display:block;
height:0;
clear:both;
visibility:hidden;
}