1. .clearfix:after {                  content: "." ;                    
2. display: block ;    height: 0 ;   
3. clear: both ;    visibility: hidden ;   
4. }    .clearfix{ display: inline-block; }   
5.       /*  Hides from IE-mac  /*/          *html .clearfix{ height:1%; }   
6. .clearfix{ display:block; }         /*  End hide from IE-mac   /*/  
7.       //clearfix的CSS使用了after這個偽對象   
8. //應(yīng)用clearfix的元素的結(jié)尾添加content中的內(nèi)容     //轉(zhuǎn)移字符“ / ”，Mac IE瀏覽器會忽略掉這段Hack，但是Windows IE不會  

以下是詳細解釋：

首先 清除浮動的原理 ，其實 是元素留出足夠多的 垂直外邊距 給浮動的元素。

這個效果 是 外層div不會包含內(nèi)層div。因為浮動的元素 脫離了原始文檔流。
以上面這個為例：一般而言 ，有三種方式清除浮動
。第一：讓外層元素也浮動，例如：

發(fā)表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發(fā)表