行級元素與塊級元素
行級元素：行級元素與其他行級元素都會在同一條水平線上排列，都是在同一行的。例如啊，lable，img，span標籤等等。
塊級元素：預設情況下獨佔一行，例如：div，h，li，table標籤等等。
定位機制：文件流，脫標流（float，position）
文件流：空白摺疊（行級元素的標籤在html內的回車在頁面上顯示為空格）；高矮不齊，底邊對齊；自動換行，一行寫完寫另一行。
float包裹和崩潰：
崩潰特性：父元素中的子元素設定了浮動且父元素未指明高度時，會產生崩潰。（因為子元素浮動時，父元素未指明高度的情況下是由子元素的內容撐開高度的，但此時子元素浮動了，父元素就管不到子元素了，因此會縮回去。）
包裹特性:父元素未設定寬時，正常情況下父元素（b）的寬是根據父元素（b）的父元素（a）的寬來確定的，但當父元素（b）設定浮動之後，它的寬就根據它子元素的寬來確定了。即父元素自適應於裡邊的內容。
CSS定位 浮動定位
css定位機制 浮動定位 float屬性 進行浮動定位 left，right clear屬性 清除浮動 left，right，both float屬性 1.概述 div實現橫向多列布局 float屬性 left 左浮動 right 右浮動 none 不浮動 下圖為 的實現 float屬性用途 在 混...
css浮動定位
請看下圖，當把框 1 向右浮動時，它脫離文件流並且向右移動，直到它的右邊緣碰到包含框的右邊緣 如果把所有三個框都向左移動，那麼框 1 向左浮動直到碰到包含框，另外兩個框向左浮動直到碰到前乙個浮動框。在 css 中，我們通過 float 屬性實現元素的浮動。浮動框旁邊的行框被縮短，從而給浮動框留出空間...
CSS浮動定位
left 左浮動，左邊沒有任何元素 right 右浮動，右邊沒有任何元素 none 不浮動 清空左右的浮動元素 both 清除左右兩邊的浮動 left和right 只清除乙個方向的浮動 none是預設值 只在需要移除一直盯的清除值時用到 如果乙個元素的子元素都浮動起來，那麼他的父元素的高度自動坍塌到...