上篇我寫了我對浮動的認識（一），裡面主要說了float的初衷和浮動帶來的一些實際本質的問題。聰明的css開發者利用css的佔位特性進行布局，的確起到了一些很好的效果，
但是也會帶來一些實際的問題。比如浮動後沒有高度，高度為0.這個現象 ，請廣大的css開發者留意。不然可能出現一些很莫名奇妙的問題。
如何解決這個問題呢？亦即清除浮動
有2種方式：
1）使用偽物件（不用增加新的標籤），**如下：
.clearfix:after
.clearfix
首先來分析一下第一行**的意思：
關於content
content 翻譯成中文就是內容的意思，它在css2.1就被引入了。它可以使用:before 和:after來生成內容。此屬性支援的瀏覽器有(ie8,9(ie6,7是不支援的), chrome2+,firefox1.5+)
我寫了乙個demo，你可以試試，**如下：
效果如下圖：
由於根據不同的標籤，可display可能是inline元素，所以這裡設定成 block，並將高度設為0，清除左右浮動。不可見。這樣可以解決ie8+ 和firefox，chrome的問題。
ie6,7呢，我們可以使用下面一行**來觸發layout來解決。
2)增加新的標籤
在包裹元素的最後乙個子節點後面新增乙個標籤
這裡w3c推薦的方法。
我比較推薦第一種做法。
我對浮動的認識（一）
浮動在歷史上最初是做什麼的？說的浮動。因此，浮動出現的意義就是讓文字環繞。這是最原始的初衷。文字環繞是怎麼做到的呢？下面分析下。首先我們看看沒有float的 混排。日前，古裝大戲 傾城雪 開機。可以看出，和文字都在一行上顯示，我看了下w3c中關於浮動的描敘，有乙個關於line box的概念，其實就是...
我對浮動的認識（一）
浮動在歷史上最初是做什麼的？說的浮動。因此，浮動出現的意義就是讓文字環繞。這是最原始的初衷。文字環繞是怎麼做到的呢？下面分析下。首先我們看看沒有float的 混排。日前，古裝大戲 傾城雪 開機。可以看出，和文字都在一行上顯示，我看了下w3c中關於浮動的描敘，有乙個關於line box的概念，其實就是...
新增浮動和對清除浮動方法的理解
寫在前面 本篇文章是個人通過對css源文件的學習，閱讀前輩的部落格，以及個人在碼 的過程中的理解。1.浮動的設計初衷 其實浮動的在設計之始只是為了進行 混排檢視官方文件，css3官網，後來碼農們發現用來幾個盒子併排顯示有奇效，才逐漸發展為用來進行網頁布局。例項展示 加float left 前後的效果...