我們都知道 css 的排版有多麼的重要，除非懶得學 css 的設計師，不然應該新一代的網頁設計師都認識 css 的規則吧？！在 css 的世界裡，元素的浮動（尤其是 DIV）排版時，難免會用到浮動技巧，也就是 css float 語法，光這樣聽起來，似乎是個很重要又很基本的技巧，但又不知道要怎麼使用他對吧？其實 css float 真的很基本，也很容易，甚至可以說是 css 的基本功夫之一呢！
舉個例子來說，兩張圖片用 DIV 包起來之後，要怎麼樣才能排列在一起呢？預設的情況下，兩張圖片可能會一上一下，而不是左右各一張，這時候就可以在圖片的 DIV 區塊內使用 float 讓其浮動，進而成為左右各一張的效果，概念是不是很簡單呢？
我想應該還是很多人無法從文字去想像實際情況，Wibibi 上有比較詳細的語法使用規則以及範例，看完應該就能完全了解（應該啦！）參考看看以下兩個網址的內容。
第二個網址是用來清除浮動用的語法，clear 幾乎常常與 float 搭配著使用。
舉個例子來說，兩張圖片用 DIV 包起來之後，要怎麼樣才能排列在一起呢？預設的情況下，兩張圖片可能會一上一下，而不是左右各一張，這時候就可以在圖片的 DIV 區塊內使用 float 讓其浮動，進而成為左右各一張的效果，概念是不是很簡單呢？
我想應該還是很多人無法從文字去想像實際情況，Wibibi 上有比較詳細的語法使用規則以及範例，看完應該就能完全了解（應該啦！）參考看看以下兩個網址的內容。
- CSS float 浮動元素：http://www.wibibi.com/info.php?tid=167
- CSS clear 用法介紹：http://www.wibibi.com/info.php?tid=168
第二個網址是用來清除浮動用的語法，clear 幾乎常常與 float 搭配著使用。