在學習css的最後一部分內容中，float屬性和clear屬性比較難以用語言描述，因此在筆記本中無法準確的記錄這兩個屬性的用法。所以在上以**的形式記錄這兩種屬性的特徵，以備以後查閱。
首先，定義了四個div區域：
<並設定了一些共用屬性：div
id="div_1"
>
風風風風風風風f風
div>
<
div
id="div_2"
>
火火火火火火火火
div>
<
div
id="div_3"
>
水水水水水水水水
div>
<
div
id="div_4"
>
土土土土土土土土
div>
<這樣，從瀏覽器中看到的效果是這樣的：style
type
="text/css"
>
body
divstyle
>
好，接下來開始進行float的漂浮，首先弄清楚一點，如果前乙個div設定了float向左漂浮，如果後乙個div沒有設定float屬性，那麼後乙個div將與再後乙個div發生重疊，例如將css樣式這樣設定：
<將div1向左漂浮，div2不做任何處理，那麼將會看到div2和div3發生了重疊：style
type
="text/css"
>
body
divdiv#div_1
div#div_2
style
>
同樣的，如果div1和div2都設定了向左漂浮，div2會在div1的右邊，並且div3和div4將會發生重疊：
div#div_1效果如下：div#div_2
div#div_3
div#div_4
如果div3不想被覆蓋，並且也不想在div2的右邊，就要使用clear屬性，清除float的影響，比如在div3中加入clear屬性：
div#div_1那麼效果就如下：div#div_2
div#div_3
div#div_4
如果還要div4到div3的右邊，除了在設定了clear屬性後，那麼在div3和div4中都要向左漂浮：
div#div_1最終效果：div#div_2
div#div_3
div#div_4
說到現在，其實我還是沒法用語言來很好的描述float屬性應該怎麼講，這篇隨筆其實也寫的不是很好，只能說其實用的不是很多，所以我也不會太深入的去理解，在w3school中對float值得解釋為：
任何物件都可以是元素。但還是說的不太清楚，另一種說法是：
按這種說法或許可以解釋為什麼當我們設定div為向左漂浮時，這個div將在前面乙個元素物件的右邊。
*************************====最後******************************==
這個隨筆只是記錄float屬性和clear屬性的簡單用法，如果以後我會使用到更高階的用法，希望還能繼續從這裡記錄下去。。。
css中float和clear屬性
在做網頁的時候經常會用到這個屬性，使得我們的網頁更加靈活，不至於那麼死板，但是對於初學者而言，他們又不是那麼好理解的，那麼，今天我就來說說我對這兩個屬性的理解。用float屬性時會使元素脫離正常文件流，什麼意思呢，就是讓元素飄起來，自然，地面上發生的任何事都不會與之相關，所以說，如果該元素浮動之前下...
CSS浮動屬性Float詳解
float 是 css 的定位屬性。在傳統的印刷布局中，文字可以按照需要圍繞。一般把這種方式稱為 文字環繞 在網頁設計中，應用了css的float屬性的頁面元素就像在印刷布局裡面的被文字包圍的一樣。浮動的元素仍然是網頁流的一部分。這與使用絕對 定位的頁面元素相比是乙個明顯的不同。絕對定位的頁面元素被...
CSS浮動屬性Float詳解
原文 float 是 css 的定位屬性。在傳統的印刷布局中，文字可以按照需要圍繞。一般把這種方式稱為 文字環繞 在網頁設計中，應用了css的float屬性的頁面元素就像在印刷布局裡面的被文字包圍的一樣。浮動的元素仍然是網頁流的一部分。這與使用絕對 定位的頁面元素相比是乙個明顯的不同。絕對定位的頁面...