本文和大家重點討論一下css中float和clear屬性的使用，乙個float物件可以居左或居右，乙個設定為float的物件，將根據設定的方向，左移或右移到其父容器的邊界，或其前面的float物件的邊界，而緊隨其後的非float物件或內容，則包圍在其相反的方向。
css中float和clear屬性用法
實現多欄排版的最好方法是使用float屬性，float也是乙個將使你受益匪淺的屬性。乙個float物件可以居左或居右，乙個設定為float的物件，將根據設定的方向，左移或右移到其父容器的邊界，或其前面的float物件的邊界，而緊隨其後的非float物件或內容，則包圍在其相反的方向。
以下是使用float和clear屬性的一些重要準則:
◆乙個float物件，將從其置身的block級非float內容流中跳出，換句話說，如果你要將乙個box向左邊float，它後面的block級非float物件會顯示到下方，inline級內容會在旁邊包圍
◆要讓一段內容從一側包圍乙個float物件，這段內容必須要麼是inline級的，要麼也設定為相同方向的float
◆乙個float物件，如果沒有設定寬度，則會自動縮成其包含的內容的寬度，因此最好為float物件明確設定寬度
◆乙個設定了clear屬性的物件，將不會包圍其前面的float物件
◆乙個既設定了clear又設定了float屬性的物件，只有clear:left屬性生效，clear:right不起作用
clear 是用來清除某一元素的側邊浮動元素，假設兩個 div 區塊使用了浮動（
css float）而併排在一起，如果要讓這兩個元素不要併排在一起，則可以使用 clear 來宣告清除
css float 浮動效果，以下範例圖片所示。
左邊藍色區塊與右邊綠色的區塊，我們使用了 float 讓左右兩的區塊可以水平排在一起，如果你不需要綠色區塊浮動在藍色區塊的右邊，這時候可以在綠色區塊的 style 加上 clear:left 這樣的寫法，意思是清空綠色區塊左邊的浮動區塊，呈現效果就會像下方這樣。
當綠色區塊用 clear 清除掉左邊的浮動區塊之後，等於是讓 float:left 失效，就自然而然的往下方排列囉！
css clear 語法範例
box
此範例的意思是清除 box 區塊左方的浮動元素。
css clear 可以的值有 left（清除左邊浮動區塊）、right（清除右邊浮動區塊）、both（清除兩邊浮動區塊）、none（預設就是這個，兩邊都可以有浮動區塊）最後還有 inherit（繼承），但是因為 ie 支援度的原因，所以我沒在使用 inherit 這個值
css中float和clear屬性
在做網頁的時候經常會用到這個屬性，使得我們的網頁更加靈活，不至於那麼死板，但是對於初學者而言，他們又不是那麼好理解的，那麼，今天我就來說說我對這兩個屬性的理解。用float屬性時會使元素脫離正常文件流，什麼意思呢，就是讓元素飄起來，自然，地面上發生的任何事都不會與之相關，所以說，如果該元素浮動之前下...
理解css中的float和clear
css浮動 float,clear 通俗講解 1.假如某個div元素a是浮動的，如果a元素上乙個元素也是浮動的，那麼a元素會跟隨在上乙個元素的後邊 如果一行放不下這兩個元素，那麼a元素會被擠到下一行 如果a元素上乙個元素是標準流中的元素，那麼a的相對垂直位置不會改變，也就是說a的頂部總是和上乙個元素...
CSS中float屬性和clear屬性的一些筆記
在學習css的最後一部分內容中，float屬性和clear屬性比較難以用語言描述，因此在筆記本中無法準確的記錄這兩個屬性的用法。所以在上以 的形式記錄這兩種屬性的特徵，以備以後查閱。首先，定義了四個div區域 div id div 1 風風風風風風風f風 div div id div 2 火火火火火...