**：
首先我們了解到，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.jzxue.com]
div left float:left
div right [www.jzxue.com]
span left float:none
span right
我們看執行效果：
div left float:none
div right [www.jzxue.ocm]
div left float:left
div right [www.jzxue.ocm]
span left float:none
span right
我們看(3)和(4)：容器(3)宣告了左浮動，容器(4)浮動到了它的右側。實現了這兩個容器處於同一行的情況。
我們看(5)和(6)：容器(5)和(6)是span元素，也就是內聯元素(inline element)，自然的處於同一行。
正確理解CSS中的margin合併
最近在學習很多開發過程中容易忽悠但是又很重要的知識點，很多時候用的少不代表它不重要，這裡將它們寫出來以記錄，如果有寫的不好的地方請指正。margin合併是指塊級元素的上外邊距與下外邊距有時會合併為單個外邊距，有兩點需要理解。1.在塊級元素中，不包括浮動和絕對定位元素 2.只發生在和當前文件流方向的相...
Linux inode的正確理解
理解inode，要從檔案儲存說起。檔案儲存在硬碟上，硬碟的最小儲存單位叫做 扇區 sector 每個扇區儲存512位元組 相當於0.5kb 作業系統讀取硬碟的時候，不會乙個個扇區地讀取，這樣效率太低，而是一次性連續讀取多個扇區，即一次性讀取乙個 塊 block 這種由多個扇區組成的 塊 是檔案訪問的...
CSS中正確理解浮動以及clear both的關係
要注意以下幾點 1 浮動元素會被自動設定成塊級元素，相當於給元素設定了display block 塊級元素能設定寬和高，而行內元素則不可以 2 浮動元素後邊的非浮動元素顯示問題。3 多個浮動方向一致的元素使用流式排列，此時要注意浮動元素的高度。4 子元素全為浮動元素的元素高度自適應問題。以下詳細分析...