float 屬性定義元素在哪個方向浮動。以往這個屬性總應用於影象，使文字圍繞在影象周圍，不過在 css 中，任何元素都可以浮動。浮動元素會生成乙個塊級框，而不論它本身是何種元素。
浮動的值：
left 元素向左浮動。
right 元素向右浮動。
none 預設值。元素不浮動，並會顯示在其在文字中出現的位置。
inherit 規定應該從父元素繼承 float 屬性的值。
浮動的特性
1、塊在一排顯示
2、內聯支援寬高
3、預設內容撐開寬度
4、脫離文件流（不會撐開父級的高度——塌陷，坍縮）
5、阻止margin疊壓
使用浮動要記得清浮動
1.加高
問題：擴充套件性不好
2.空標籤清浮動
問題：ie6 最小高度 19px；（解決後ie6下還有2px偏差）
3.br清浮動
問題：不符合工作中：結構、樣式、行為，三者分離的要求。
4.after偽類 清浮動方法（現在主流方法）
.clear:after
.clearfix
:after
block formatting context 塊格式化上下文
觸發bfc條件
float的值不為none
overflow的值不為visible
overflow
display的值為 table-cell、table-caption和inline-block之一
position的值不為 static或 relative中的任何乙個
作用包含浮動元素
不被浮動元素覆蓋
阻止父子元素的 margin傳遞
CSS浮動 涉及BFC 總結
排版遵循從左到右，從上到下的規則，display為block的會自佔一行，可以設定寬高度和外邊距等，inline元素會排成一行，直到空間不能滿足大小會換行，不能設定寬高，寬高由內容物撐開。inline block則吸收了以上的兩個優點，表現為外面是inline盒子，裡面是block盒子，既可以和其他...
CSS浮動 涉及BFC 總結
最近看了很多css相關的文章，相關浮動，bfc，垂直居中等一些問題，這裡希望把學到的做乙個歸納總結。排版遵循從左到右，從上到下的規則，display為block的會自佔一行，可以設定寬高度和外邊距等，inline元素會排成一行，直到空間不能滿足大小會換行，不能設定寬高，寬高由內容物撐開。inline...
CSS 浮動，高度塌陷和BFC，清除浮動
通過浮動，可以使乙個元素向其父元素的左側或右側移動，使用 float 屬性來設定元素的浮動 可選值 注意 未設定浮動 設定浮動 浮動的特點 浮動元素會完全脫離文件流，不再佔據文件流中的位置 設定浮動以後元素會向父元素的左側或右側移動 浮動元素預設不會從父元素中移出 浮動元素向左或向右移動時，不會超過...