浮動(dòng)：

? ? ? ? ? ? 屬性：float：

? ? ? ? ? ? ? ? 取值：

? ? ? ? ? ? ? ? ? ? left --------- 左浮動(dòng)

? ? ? ? ? ? ? ? ? ? right --------- 右浮動(dòng)

? ? ? ? ? ? ? ? ? ? none --------- 不浮動(dòng)

? ? ? ? ? ? 標(biāo)準(zhǔn)文檔流：元素默認(rèn)的排列方式（元素垂直方向排列或者元素水平方向排列），就是標(biāo)準(zhǔn)文檔流

? ? ? ? ? ? 元素浮動(dòng)后特點(diǎn)：

? ? ? ? ? ? ? ? 1、元素添加浮動(dòng)，脫離文檔流，在頁面中不占位置，后面不浮動(dòng)元素會(huì)自動(dòng)補(bǔ)位

? ? ? ? ? ? ? ? 2、兄弟關(guān)系中，元素同時(shí)浮動(dòng)

? ? ? ? ? ? ? ? ? ? 同時(shí)左浮動(dòng)，元素依次從左到右排列

? ? ? ? ? ? ? ? ? ? 同時(shí)右浮動(dòng)，元素依次從右到左排列

? ? ? ? ? ? ? ? 3、兄弟關(guān)系中，元素同時(shí)浮動(dòng)，一行內(nèi)放不下浮動(dòng)元素，浮動(dòng)元素會(huì)自動(dòng)折行，折行位置參考倒數(shù)第二個(gè)（前面）浮動(dòng)元素的高度和剩余寬度

? ? ? ? ? ? 清除浮動(dòng)：

? ? ? ? ? ? ? ? 兄弟關(guān)系中，前面元素添加浮動(dòng)，會(huì)對(duì)后面元素產(chǎn)生影響，想要清除浮動(dòng)帶來的影響，需要使用清除浮動(dòng)

? ? ? ? ? ? ? ? 屬性：clear

? ? ? ? ? ? ? ? ? ? 取值：

? ? ? ? ? ? ? ? ? ? ? ? none ----------- 不清楚（默認(rèn)值）

? ? ? ? ? ? ? ? ? ? ? ? left ----------- 清除左浮動(dòng)帶來的影響

? ? ? ? ? ? ? ? ? ? ? ? right ----------- 清除右浮動(dòng)帶來的影響

? ? ? ? ? ? ? ? ? ? ? ? both ----------- 清除浮動(dòng)帶來的影響(常用)

? ? ? ? ? ? 浮動(dòng)中的特殊情況：

? ? ? ? ? ? ? ? 父子關(guān)系中，父元素沒有固定高度，子元素添加浮動(dòng)，父元素高度變矮------------高度塌陷

? ? ? ? ? ? ? ? 解決方法：

? ? ? ? ? ? ? ? ? ? 1、給父元素設(shè)置固定高度

? ? ? ? ? ? ? ? ? ? ? ? 弊端：子元素過多，會(huì)產(chǎn)生溢出效果

? ? ? ? ? ? ? ? ? ? 2、給子元素添加清楚浮動(dòng)

? ? ? ? ? ? ? ? ? ? ? ? 弊端：只有一個(gè)子元素，無法添加清楚浮動(dòng)

? ? ? ? ? ? ? ? ? ? 3、如果只有一個(gè)子元素，考慮自己手動(dòng)添加請(qǐng)浮動(dòng)標(biāo)簽，標(biāo)簽首選div

? ? ? ? ? ? ? ? ? ? 4、給父元素添加overflow:hidden;

? ? ? ? ? ? ? ? ? ? ? ? 元素添加overflow:hidden;能夠觸發(fā)BFC，塊級(jí)格式化上下文，會(huì)形成一個(gè)獨(dú)立的區(qū)域，區(qū)域內(nèi)與區(qū)域外互不干擾

? ? ? ? ? ? ? ? ? ? 5、萬能清除法