1、html：流式布局
標準流：從左向右，從上往下（若是圖片則直接去下一行，若是文字則超出部分到下行進行排列）
2、浮動的本質(zhì)：解決圖片和文字并排的布局的樣式。
文字浮動后，將不占文檔流，但是會影響標準流中文本的排版。下一個塊會直接占用此塊的位置。
3、浮動的特性（重要）
（1）浮動脫離標準流，不占位置，但會影響標準流，浮動只有左右浮動。
（2）浮動的元素A排列位置，跟上一個元素有關(guān)系。如果上一個元素有浮動則A元素頂部回合上一個元素頂部對齊，如果上一個元素是標準流，則A元素的頂部回合上一個元素的底部對齊。
（3）一個父盒子里面的子盒子，如果其中一個子集有浮動的，則其他子集都要浮動，這樣才能一行顯示。
（4）浮動根據(jù)元素書寫的位置來顯示相應(yīng)的浮動。
（5）元素添加浮動后，如果沒有設(shè)置寬高，元素會具有行內(nèi)塊元素的特性，元素的大小完全取決于定義的大寫或者默認的內(nèi)容多少，也就是具有了包裹性。
（6）浮動具有破壞性，元素浮動后，破壞原來正常的流布局，造成內(nèi)容塌陷。
4、overflow：auto ?上下的滾動條 /scoll是左右滾動條
補充：BFC
overflow可以觸發(fā)元素的BFC。可以讓元素具有獨立的空間和權(quán)限。 在bfc內(nèi)多有的元素依據(jù)父元素進行排版和布局，所有父元素具有了包裹性，這就是解決空間塌陷的原理。
