1.高度塌陷

答辯

①BFC：塊的格式化環(huán)境。

解決高度塌陷

1，父元素的垂直外邊距不會(huì)和子元素重疊。

2.? 開(kāi)啟了BFC的元素，不會(huì)被浮動(dòng)元素覆蓋。

3.? 開(kāi)啟了BFC的元素，可以包含浮動(dòng)的子元素

如何開(kāi)啟

1.設(shè)置元素浮動(dòng)

2.設(shè)置元素定位

3.設(shè)置元素為inline-block

4.將元素的overflow設(shè)置為一個(gè)非visible的值

ie6，不支持 haslayout? ? zoom

也可以用清楚浮動(dòng)解決高度塌陷

用after解決高度塌陷

.box1：fix{

content：”“；

display：block；

clear：both；

}

。clearfix{

zoom：1；

}

2.清楚浮動(dòng)

1.clear：both 受最大值影響。

3.定位

1。position

①默認(rèn)是static。靜制的

②relative。相對(duì)定位 不設(shè)置距離的情況下，是不動(dòng)打代。移動(dòng)的距離單位也是像素的

③相對(duì)定位的元素是不會(huì)脫離文檔流的

④相對(duì)定位元素是不會(huì)影響其他的塊或元素的

2.絕對(duì)定位

①開(kāi)啟絕對(duì)定位就會(huì)脫離文檔流

②參照離他最近開(kāi)啟定位的他的父親

3.固定定位

①開(kāi)啟也會(huì)脫離文檔流

②固定定位永遠(yuǎn)根據(jù)瀏覽器原點(diǎn)定位

③特點(diǎn)：不會(huì)隨著滾動(dòng)條移動(dòng)