【正文】 有相應(yīng)變化。頁(yè)腳(footer)于是按浮動(dòng)所要求的向上跳到了可能的空間。最常用的是 both，清楚左右兩邊的浮動(dòng)。只清除左邊或右邊的浮動(dòng)，實(shí)際中很少見(jiàn)，不過(guò)絕對(duì)有他們的用處。塌陷的直觀對(duì)立面更不好，看看下面的情況：當(dāng)上面的塊級(jí)元素自動(dòng)擴(kuò)展以適應(yīng)浮動(dòng)元素時(shí)，段落間的文本流中會(huì)出現(xiàn)非自然的空白換行，而且沒(méi)有有效的方法來(lái)修正這個(gè)問(wèn)題。清除浮動(dòng)的技術(shù)如果你很明確的知道接下來(lái)的元素會(huì)是什么，可以使用 clear:both。這個(gè)方法因?yàn)橹皇菫榱吮憩F(xiàn)，對(duì)頁(yè)面沒(méi)有上下文涵義而被純語(yǔ)義論者嘲笑。如果父元素的這個(gè)屬性設(shè)置為 auto 或者 hidden，父元素就會(huì)擴(kuò)展以包含浮動(dòng)。要小心不要覆蓋住內(nèi)容或者觸發(fā)了不需要的滾動(dòng)條。這個(gè)類使用如下 css: visibility: hidden。 height: 0。這不是全部?jī)?nèi)容，還需要一些額外的代碼來(lái)適應(yīng)那些老舊的瀏覽器。如果每個(gè)顏色組都有一個(gè)父元素的話，我們可以使用 overflow 或者 簡(jiǎn)單清除方法。大多數(shù)的脆弱性來(lái)自于 IE6 及其一系列的浮動(dòng)相關(guān) bug。 推倒是浮動(dòng)元素內(nèi)的元素（大多是圖片）比浮動(dòng)元素本身寬造成的現(xiàn)象?？焖傩拚捍_保不是圖片造成這種情況，使用 overflow:hidden 來(lái)切除多余的部分。 而且不用擔(dān)心，它依然是塊級(jí)元素。1