1、在以下情況下需要清除：
在對元素設定浮動時，元素就會脫離文件流，在css中，任何元素都可以浮動。浮動元素會生成一個塊級框，而不論它本身是何種元素，float主要流行與頁面佈局，使用之後沒有清除就會後患無窮。
2、常用到清除方法：
第一種：使用空標籤取出浮動
；
第二種：父級div定義overflow：auto（注意：是父級div也就是這裡的div.outer）；
第三種:after方法（作用於浮動元素的父元素）它就是利用:after和:before來在元素內部插入兩個元素塊，從而達到清除浮動的效果。其實現原理類似於clear:both方法，只是區別在於:clear在html插入一個div.clear標籤，而outer利用其偽類clear:after在元素內部增加一個類似於div.clear的效果。 其中clear：both；指清除所有浮動；content：‘.’;display：block；其中content()可以取值也可以為空。Visbility：hidden的作用是允許瀏覽器渲染它，但是不顯示出來，這樣才能實現清除浮動。