一际乘、流式布局
1.
2.浮動的元素會不占據(jù)標(biāo)準(zhǔn)流的空間溜歪。但是會影響標(biāo)準(zhǔn)流中的文本的排版。
二久信、浮動
1.浮動的元素A排列位置窖杀，跟上一個元素（塊級）有關(guān)系。如果上一個元素有浮動裙士，則A元素頂部會和上一個元素的頂部對齊入客；如果上一個元素是標(biāo)準(zhǔn)流，則A元素的頂部會和上一個元素的底部對齊腿椎。
2.浮動具有破壞性桌硫，元素浮動后，破壞來原來的正常流布局啃炸，造成內(nèi)容塌陷铆隘。
浮動的子元素會造成父元素的高度塌陷.
3.第一種解決高度塌陷的方法就是使用overflow。
在父盒子上設(shè)置overflow： hidden南用；之后膀钠，父盒子具有的包裹性，就不會出現(xiàn)高度塌陷的問題了裹虫。
4.Overflow可以觸發(fā)元素的BFC肿嘲，可以讓元素具有獨立的排版的空間和權(quán)限，在bfc內(nèi)部所有的元素都依據(jù)父元素進行排版和布局恒界，所有父元素具有了包裹性睦刃，這就是解決高度塌陷問題的原理砚嘴。
比如：浮動也可以觸發(fā)bfc十酣，再有：定位、overflow际长、display：table耸采、table-cell...
5.
6.方法一：使用空標(biāo)記清除浮動，隔墻放工育。增加標(biāo)簽虾宇。
方法二：使用overflow屬性清除浮動。會誤傷如绸。
方法三：使用after偽對象清除浮動嘱朽。
方法四：使用before after偽對象清除浮動.
7.Clearfix的使用場景：
-父盒子要把所有的子盒子包裹住旭贬。
-父盒子是包裹正行的div元素，需要前后進行清除浮動搪泳。
運用before after來設(shè)置content為空,并且display:block或table.
clearfix設(shè)置為觸發(fā)BFC.
