只有正確理解css的float屬性，才能更好的運用float屬性進行網頁設計，我們知道css網頁布局的原理，就是按照html**中物件宣告的順序，以流布局的方式來顯示它，而流布局就不得不說到float浮動技術，在html中的所有物件，預設分為兩種：塊元素(block element)、內聯元素(inline element)，雖然也存在著可變元素，但只是隨上下文關係確定該元素是塊元素或者內聯元素。關於塊元素和內聯元素可以參考這裡。
其實css的float屬性，作用就是改變塊元素(block element)物件的預設顯示方式。block物件設定了float屬性之後，它將不再獨自佔據一行。可以浮動到左側或右側，關於float屬性的詳細說明可以參考這裡。
需要引起你重視的是，float屬性不是你所想象的那麼簡單，不是通過這一篇文字的說明，就能讓你完全搞明白它的工作原理的，我們需要在實踐中不斷的總結經驗，應對所出現的問題。我們通過下面的這個小例子，來說明它的基本工作情況。
我們看下面的css**：
.left
.leftfloat
.right
left和right為不作任何浮動的類。leftfloat向左浮動的類。
我們再看看xhtml**：
div left float:none
div right [www.52css.ocm]
div left float:left
div right [www.52css.ocm]
span left float:none
span right
執行效果下圖：
我們看(1)和(2)：容器(1)沒有任何浮動，佔據了一整行，將(2)擠到了下面一行。而且(2)也佔據了一整行的位置。
我們看(3)和(4)：容器(3)宣告了左浮動，容器(4)浮動到了它的右側。實現了這兩個容器處於同一行的情況。
我們看(5)和(6)：容器(5)和(6)是span元素，也就是內聯元素(inline element)，自然的處於同一行。
inline block的公升級float 浮動
1 doctype html 2 html 3 head 4 meta charset utf 8 5 title title 6 style 7img10p 13style 14head 15 body 16 img src img logo.png alt 17 p 您身邊的it培訓專家 p 1...
關於css中float的用法整理及清除浮動方法。
在css中，float這一屬性有著非常重要的作用，在一般的布局中，會有諸如按照一定要求讓文字環繞，或者環繞等說法。float的作用就類似於它。設定乙個元素浮動方法如下 setfloat 其中float有4種屬性，分別為 left 靠左邊浮動。right 靠右邊浮動。none 不浮動。inherit ...
合理應用,正確理解CSS的float浮動屬性
首先我們了解到，css網頁布局的原理，就是按照html 中物件宣告的順序，以流布局的方式來顯示它，而流布局就不得不說到float浮動技術，在html中的所有物件，預設分為兩種 塊元素 block element 內聯元素 inline element 雖然也存在著可變元素，但只是隨上下文關係確定該元...