DIV+CSS中clear:both的作用

1.浮動清理實現高度自適應，當浮動欄的高度變化時容器的高度會自動適應高度變化，否則可能發現容器不改變，浮動的欄則會出現排列混亂的結果。

2.

有css定義：p.f1{float:left;width :100px;}p.f2{float:left;width :400px;}則：

這個是第1項

這個是第2項

另起一行

以上的第三行,會和第一行排在一起,為什麼呢,因為當屬性設定float（浮動）時，他所在的物理位置已經脫離文件流了，但是大多時候我們希望文件流能識別float（浮動）,或者是希望float（浮動）後面的元素不被float（浮動）所影響，這個時候我們就需要用clear:both;來清除。

所以我們應改為:

如果不用清除浮動，那麼第3個

的文字就會和第一二行在一起所以我們在第3個

加一個清除浮動。

這個是第1項

這個是第2項

另起一行

3.