clear:both 在css里是清除左右兩邊浮動(dòng)的意思。

如果前面的DIV盒子里用到了浮動(dòng)，那么在編寫(xiě)下一個(gè)DIV盒子之前，應(yīng)該在前面加上<div style="clear:both"></div>，這樣才能清除掉前面DIV盒子浮動(dòng)帶來(lái)的影響。

clear屬性值：

left 清除該元素 左邊的浮動(dòng)元素。俗一點(diǎn)就是說(shuō)誰(shuí)設(shè)置了clear：left屬性，誰(shuí)的左邊就不允許存在浮動(dòng)的元素

right 清除該元素 右邊的浮動(dòng)元素。俗一點(diǎn)就是說(shuō)誰(shuí)設(shè)置了clear：right屬性，誰(shuí)的右邊就不允許存在浮動(dòng)的元素

both清除兩邊的浮動(dòng) ，清除該元素 左右邊的浮動(dòng)元素。俗一點(diǎn)就是說(shuō)誰(shuí)設(shè)置了clear：both屬性，誰(shuí)的左右邊 都不允許存在浮動(dòng)的元素       

none，就是不做任何處理，不清除任意一邊的浮動(dòng)元素

inherit，就是讓它跟隨父元素的屬性值，父元素如何設(shè)置清除，它就如何設(shè)置清除。

擴(kuò)展資料

CSS為HTML標(biāo)記語(yǔ)言提供了一種樣式描述，定義了其中元素的顯示方式。CSS在Web設(shè)計(jì)領(lǐng)域是一個(gè)突破。利用它可以實(shí)現(xiàn)修改一個(gè)小的樣式更新與之相關(guān)的所有頁(yè)面元素。

CSS特點(diǎn)：

豐富的樣式定義

CSS提供了豐富的文檔樣式外觀，以及設(shè)置文本和背景屬性的能力；允許為任何元素創(chuàng)建邊框，以及元素邊框與其他元素間的距離，以及元素邊框與元素內(nèi)容間的距離；允許隨意改變文本的大小寫(xiě)方式、修飾方式以及其他頁(yè)面效果。

易于使用和修改

CSS可以將樣式定義在HTML元素的style屬性中，也可以將其定義在HTML文檔的header部分，也可以將樣式聲明在一個(gè)專門(mén)的CSS文件中，以供HTML頁(yè)面引用?？傊?，CSS樣式表可以將所有的樣式聲明統(tǒng)一存放，進(jìn)行統(tǒng)一管理。

另外，可以將相同樣式的元素進(jìn)行歸類，使用同一個(gè)樣式進(jìn)行定義，也可以將某個(gè)樣式應(yīng)用到所有同名的HTML標(biāo)簽中，也可以將一個(gè)CSS樣式指定到某個(gè)頁(yè)面元素中。如果要修改樣式，我們只需要在樣式列表中找到相應(yīng)的樣式聲明進(jìn)行修改。

多頁(yè)面應(yīng)用

CSS樣式表可以單獨(dú)存放在一個(gè)CSS文件中，這樣我們就可以在多個(gè)頁(yè)面中使用同一個(gè)CSS樣式表。CSS樣式表理論上不屬于任何頁(yè)面文件，在任何頁(yè)面文件中都可以將其引用。這樣就可以實(shí)現(xiàn)多個(gè)頁(yè)面風(fēng)格的統(tǒng)一。