1、css標(biāo)準(zhǔn)流排版特點(diǎn)及流式布局

標(biāo)準(zhǔn)流式布局：從左到右 從上到下

2、css浮動(dòng)的原理

浮動(dòng)不影響標(biāo)準(zhǔn)流布局，影響文字排版

float:left;

3、css浮動(dòng)的特性及高度塌陷原理

（1）浮動(dòng)脫離標(biāo)準(zhǔn)流，不占位置，但會(huì)影響標(biāo)準(zhǔn)流，浮動(dòng)只有左右浮動(dòng)

（2）浮動(dòng)元素A的位置和上一個(gè)元素（塊級(jí)）有關(guān)系，如果上一個(gè)元素有浮動(dòng)，則浮動(dòng)的A元素的頂部會(huì)和上一個(gè)元素頂部對(duì)齊；如果上一個(gè)元素是標(biāo)準(zhǔn)流，則浮動(dòng)的A元素的頂部就會(huì)和上一個(gè)元素的 底部對(duì)齊。

（3）父盒子里面的子盒子，如果有一個(gè)子盒子是浮動(dòng)的，則其他字盒子都要浮動(dòng)，這樣才能一行對(duì)齊顯示

（4）浮動(dòng)元素如果沒有設(shè)置寬高，元素會(huì)根據(jù)內(nèi)容設(shè)置高度

子元素都浮動(dòng)，父元素沒有設(shè)置高度，父元素高度會(huì)出現(xiàn)塌陷，就是浮動(dòng)的破壞性

4、css溢出處理和解決高度塌陷的方式

解決父元素塌陷：

overflow：hidden；/*超出的部分進(jìn)行隱藏*/

選擇器{overflow：屬性值；}

visible 默認(rèn)超出顯示在下方

hidden 超出部分隱藏

scroll 左右 上下滾動(dòng)條

auto 根據(jù)內(nèi)容選擇顯示上下或者左右滾動(dòng)條