還記得第二課我們做的例子的效果麼？最後效果是，紅色方塊和藍色方塊都處於一行，我們使用「float:left」，打擊了塊狀元素的「霸道」即塊狀元素不允許其他元素和它處於同一行。我們將紅色方塊的css**中加入了「float:left;」後，紅色方塊終於允許藍色方塊和它處於同一行。如圖：
我們換一種方法表達上面的意思，因為紅色方塊的「左側浮動」，才導致藍色方塊上移至紅色方塊的尾後；
在上個例子中，為了達到瀏覽器相容性，我們分別在紅色藍色方塊css**中分別加了「float:left;」，這樣ie和ff中顯示效果一樣，如果此時我們還想放乙個寬度400畫素，高度100的綠色方塊，並讓其處於第二行，效果如下圖：
可是這時候不管怎麼放，在ie中的效果始終是
導致綠色拍到藍色的後面這種情況就是因為藍色方塊css**中含有"float:left;"，但是為了瀏覽器相容性，又不能去掉(什麼？這句話看不明白，只能說明第二節課你沒有好好學，好好品味！)，怎麼辦？
好辦~！只要在css**中加入下面這段**：
引用:
.clear並在html**中加入下面**：
引用:
上面這句話究竟加在那個位置呢，要加在藍色方塊和綠色方塊中間，然後看看效果是不是我們想要的了~^_^
引用:
部落格的左側目的就是為了清除藍色方塊的浮動對下面綠色方塊的影響！是影響喲~是清除影響，而不是清楚藍色方塊的浮動，或者說清除藍色方塊的浮動對下面區域塊產生的作用！部落格的右側
部落格的版權資訊
（仔細品品我說的這句話！
）如果還是不明白，你就在紅色方塊和藍色方塊中間加上「
」，看看效果變成什麼樣子，然後再品品我剛才說的話！
這節課就到這裡，下節課我們做乙個導航條，很實用的喲！一定要把前三節吃透，不然第四節會跟不上理解不透！
DIV CSS 清除浮動
div css 浮動效果是指，父元素在未定義高的情況下，由於子元素全部浮動脫離文字流，而造成父元素高的塌陷 ps 正常情況下，父元素的高是由子元素撐起來 或者因為部分子元素的而浮動，脫離文字流而造成其他元素的布局錯亂的情況。1 給未加浮動的子元素的css新增 clear both 若子元素都有浮動時...
div css之清除浮動
當元素有浮動屬性時，會對其父元素或後面的元素產生影響，會出現乙個布局錯亂的現象，可以通過清除浮動的方法來解決浮動的影響。浮動的清理 clear 值 none 預設值。允許兩邊都可以有浮動物件 left 不允許左邊有浮動物件 right 不允許右邊有浮動物件 both 左右兩側不允許有浮動物件。清除浮...
div css之清除浮動
當元素有浮動屬性時，會對其父元素或後面的元素產生影響，會出現乙個布局錯亂的現象，可以通過清除浮動的方法來解決浮動的影響。浮動的清理 clear 值 none 預設值。允許兩邊都可以有浮動物件 left 不允許左邊有浮動物件 right 不允許右邊有浮動物件 both 左右兩側不允許有浮動物件。清除浮...