如果有一個(gè)div 的屬性是floatleft，它后面又跟著一個(gè)div，這個(gè)div就會(huì)自動(dòng)跟在前一個(gè)div的后面，跟著浮動(dòng)，你如果不希望后面的div跟著浮動(dòng)，你就需要將前一個(gè)div閉合，用clearboth這樣不會(huì)干擾后面的div。

清除浮動(dòng)的，浮動(dòng)就是你給html元素加了float樣式后，那么這個(gè)元素在文檔中是不占文檔流的那樣下面的元素就可能跑到你浮動(dòng)元素的位置，這樣文檔排版會(huì)亂掉clear的意思就是不靠近浮動(dòng)元素的樣子了這種情況下往往需要像你這樣加一個(gè)空的div來(lái)占位。

浮動(dòng) float left right 在頁(yè)面布局的時(shí)候用的最多 fixed 一般用來(lái)寫(xiě)網(wǎng)頁(yè)頂端的固定導(dǎo)航條，或者兩側(cè)的菜單 absolute與relative 這兩者一般配合使用，用于調(diào)整div之間的相對(duì)位置 opacity 01 表示透明度 顏色 color 數(shù)值 大小 fontsize 數(shù)值 字體 fontfamily quotCourier。

如果不清除浮動(dòng)就出現(xiàn)，div重疊的問(wèn)題比如說(shuō)，你做了一個(gè)網(wǎng)頁(yè)，最上面是一個(gè)header塊，中間有兩列內(nèi)容塊，最下面是一個(gè)footer塊你在中間內(nèi)容塊的時(shí)候設(shè)置了左浮動(dòng)，且兩塊的高度不一致，有一塊要高一些，那么在footer就需要清除浮動(dòng)，如果不清除浮動(dòng)的話，footer塊就會(huì)與其中一個(gè)內(nèi)容重疊，請(qǐng)看圖。

設(shè)置一個(gè)空元素并設(shè)置清除浮動(dòng) clearboth也是ok的 3， 給父元素設(shè)置一個(gè)overflowhidden也是可以的 4， 還可以通過(guò)偽元素來(lái)解決注意不是偽類，在css里寫(xiě)上其樣式，通過(guò)CSS偽元素在容器內(nèi)部元素最后添加了一個(gè)看不見(jiàn)的點(diǎn)“”，并且賦予clear屬性來(lái)清除浮動(dòng)。

這個(gè)屬性是用來(lái)控制float屬性在文檔流的物理位置的當(dāng)屬性設(shè)置float浮動(dòng)時(shí)，他所在的物理位置已經(jīng)脫離文檔流了，但是大多時(shí)候我們希望文檔流能識(shí)別float浮動(dòng)，或者是希望float浮動(dòng)后面的元素不被float浮動(dòng)所影響，這個(gè)時(shí)候我們就需要用clearboth來(lái)清除實(shí)例有css定義pf1floatleft。

floatrightfloatfloatinherit left 元素向左浮動(dòng)right 元素向右浮動(dòng) 默認(rèn)值元素不浮動(dòng)，并會(huì)顯示在其在文本中出現(xiàn)的位置inherit 規(guī)定應(yīng)該從父元素繼承 float 屬性的值 clear 屬性定義了元素的哪邊上不允許出現(xiàn)浮動(dòng)元素其屬性有l(wèi)eft 元素向左浮動(dòng)。

HTML的浮動(dòng)布局通過(guò)使用CSS的`float`屬性實(shí)現(xiàn)，允許元素離開(kāi)文檔流，向左或向右移動(dòng)，直到碰到包含框或另一個(gè)浮動(dòng)元素的邊緣為止這種布局方式常用于創(chuàng)建簡(jiǎn)單的多欄布局，如常見(jiàn)的兩欄或三欄布局，通常用于側(cè)邊欄和主要內(nèi)容區(qū)域的劃分然而，浮動(dòng)布局可能會(huì)引發(fā)清除浮動(dòng)的問(wèn)題，因?yàn)楦?dòng)元素不占據(jù)文檔流中。