一.常見(jiàn)網(wǎng)頁(yè)布局

1.三種布局方式

標(biāo)準(zhǔn)流/普通流/文檔流
浮動(dòng)
定位

2.布局準(zhǔn)則

二.浮動(dòng)（float）

1.好處

普通流盒子中間默認(rèn)有空隙且不知道空隙大小，有些布局普通流做不到，浮動(dòng)可以方便控制盒子間的空隙

2.概念

3.三大特性

（1）脫標(biāo)

（2）一行內(nèi)顯示且頂端對(duì)齊

（3）具有行內(nèi)塊特征

4.使用

5.常見(jiàn)網(wǎng)頁(yè)布局模板

6.注意點(diǎn)

三.清除浮動(dòng)

1.why

2.本質(zhì)

3.語(yǔ)法

應(yīng)用

4.四種way（后三個(gè)都是給父級(jí)添加）

（1）額外標(biāo)簽法（空標(biāo)簽必須是塊級(jí)元素）

（2）overflow

（3）：after偽元素發(fā)（復(fù)制調(diào)用）

（4）雙偽元素（復(fù)制調(diào)用）

清除浮動(dòng)總結(jié)