clearfix- 消除float的效果

218164_1919444715614_5738003_n

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

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

留言