浮動(dòng)元素有什么特征？對(duì)父容器跃捣，其他浮動(dòng)元素，普通元素夺蛇，文字分別有什么影響疚漆？
浮動(dòng)的框可以隨float的屬性值左右移動(dòng)，直到他的外邊緣碰到包含框或另一個(gè)浮動(dòng)框的外邊緣刁赦。
浮動(dòng)元素不在文檔的普通流中娶聘。
如果父容器高度是隨內(nèi)容而改變的，設(shè)置內(nèi)部一個(gè)元素為float后甚脉，父容器高度變小丸升。并且可以和普通元素占同一個(gè)位置，并且遮蔽牺氨。但是普通元素中的文字不會(huì)被遮蔽狡耻，會(huì)圍繞在浮動(dòng)元素周圍。
清除浮動(dòng)指什么猴凹？如何清除浮動(dòng)夷狰？
如果父容器中的所有子元素變?yōu)楦?dòng)元素，父容器的高度會(huì)為0郊霎，要讓父容器在視覺上包圍浮動(dòng)元素沼头，就要用到清除浮動(dòng)。如果父容器的高度不為0书劝，清除浮動(dòng)后进倍，無(wú)效果。
在父容器中加入一個(gè)空的塊級(jí)元素子標(biāo)簽庄撮，并設(shè)置其樣式clear=both/left/right/none背捌，可以達(dá)到清除浮動(dòng)。
在CSS中寫入
.clearfix:after {
content:" ";
dispaly: block/table;
clear: both/left;
}
也可以清除浮動(dòng)洞斯。
有幾種定位方式毡庆？分別是怎樣實(shí)現(xiàn)的？參考點(diǎn)是什么烙如？使用場(chǎng)景是什么么抗？
普通流，默認(rèn)定位方式亚铁，一般不用設(shè)置蝇刀。元素框的位置由元素在html中的位置決定，如果設(shè)置元素的position值為static或繼承了static徘溢，就會(huì)按照普通流定位吞琐。
相對(duì)定位捆探，實(shí)現(xiàn)："position: relative; top: ; left: ;" 。相對(duì)于原位置的位移站粟。元素在文檔流中占據(jù)原來(lái)的空間黍图，只是表現(xiàn)出位移。
絕對(duì)定位奴烙，實(shí)現(xiàn)："position: absolute; top: ;left: ; right: ;bottom: ;"相對(duì)于其上級(jí)元素中有屬性為非static元素的位置助被，如果沒有，就相對(duì)于初始?jí)Khtml元素定位切诀。
z-index有什么作用揩环？如何使用？
控制疊放順序幅虑。
用于定位元素丰滑，z-index:數(shù)值;，如position:absolute;z-index:-1;表示在下一層翘单。
position:relative和負(fù)margin都可以使元素發(fā)生偏移吨枉，二者有什么區(qū)別蹦渣？
position:relative相對(duì)定位哄芜，還是占據(jù)原來(lái)的空間，只是表現(xiàn)出位移柬唯，其父容器不變认臊。
負(fù)margin是改變外邊距，其父容器大小會(huì)改變锄奢。
BFC是什么失晴？如何生成BFC？BFC有什么作用拘央？舉例說明涂屁。
BFC，Block Format Content灰伟，塊級(jí)格式化上下文拆又。
生成BFC的方法
- float：left/right
- position:absolute/fixed
- display: inline-block/table-cell/table-caption
- overflow: auto/hidden/scroll
BFC會(huì)合并兩個(gè)相鄰或嵌套的元素的垂直外邊距。設(shè)置不同的BFC就不會(huì)合并栏账。
BFC會(huì)使浮動(dòng)元素對(duì)普通流元素不遮擋帖族。
BFC可以包含浮動(dòng)，可以利用這個(gè)清除浮動(dòng)挡爵。
在什么場(chǎng)景下會(huì)出現(xiàn)外邊距合并竖般？如何合并？如何不讓相鄰元素外邊距合并茶鹃？舉個(gè)父子外邊距合并的例子涣雕。
改：
（同一個(gè)BFC下的兩個(gè)相鄰元素在垂直方向上會(huì)出現(xiàn)邊距合并艰亮。
外邊距合并，選其中數(shù)值大的為兩個(gè)元素的外邊距挣郭，若數(shù)值相等垃杖，取其中一個(gè)。對(duì)于負(fù)margin丈屹，負(fù)號(hào)只是表示方向调俘。
讓其中一個(gè)生成BFC就可以消除外邊距合并）
原：
（兩個(gè)相鄰的有著相同BFC的元素會(huì)出現(xiàn)外邊距合并。
外邊距合并為二者中數(shù)值大的旺垒。
給其中一個(gè)設(shè)置BFC彩库。）
代碼
實(shí)現(xiàn)1：效果；代碼
實(shí)現(xiàn)2：效果先蒋；代碼
實(shí)現(xiàn)3：效果骇钦；代碼
實(shí)現(xiàn)4：效果；代碼
