父元素會(huì)被子元素?fù)伍_，

脫離文檔流后父元素高度塌陷

解決方法：

給父元素加高度

隱藏屬性 BFC 等我們開啟后就會(huì)有特效

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

2.不會(huì)被浮動(dòng)的元素所覆蓋

3.可以包含浮動(dòng)的子元素

開啟方法（隱含屬性）：

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

2.設(shè)置元素絕對(duì)定位

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

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

float：left；代價(jià)大

display:line-block;? 寬度丟失

overflow:auto; 或hidden(副作用最小)

設(shè)置寬度默認(rèn)開啟

haslayout(類似BFC)

zoom:1; (通常兩個(gè)一起用)

li是塊元素、

text-align:center; 文字居中

清楚浮動(dòng)：

clear:上下左右;

both 清楚兩側(cè)? 影響最大

（用于解決高度塌陷）

content:添加內(nèi)容；

.clearfix:after:{}? 樣式

定位：

position:

relative; 相對(duì)定位? 不設(shè)置偏移量沒變化? 上下左右設(shè)置偏移量? ? 不會(huì)脫離文檔流

不會(huì)改變?cè)匦再|(zhì)

absolute;絕對(duì)定位? 會(huì)脫離文檔流

固定定位：

fixed

作業(yè):

作業(yè)1