05-高度塌陷和定位（补）

父元素会被子元素撑开，

脱离文档流后父元素高度塌陷

解决方法：

给父元素加高度

隐藏属性 BFC 等我们开启后就会有特效

1.父元素的垂直外边距不会和子元素重叠

2.不会被浮动的元素所覆盖

3.可以包含浮动的子元素

开启方法（隐含属性）：

1.设置元素浮动

2.设置元素绝对定位

3.设置元素为inline-block

4.将元素的overflow设置为一个非visible的值

float：left；代价大

display:line-block;  宽度丢失

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

设置宽度默认开启

haslayout(类似BFC)

zoom:1; (通常两个一起用)

li是块元素、

text-align:center; 文字居中

清楚浮动：

clear:上下左右;

both 清楚两侧  影响最大

（用于解决高度塌陷）

content:添加内容；

.clearfix:after:{}  样式

---

定位：

position:

relative; 相对定位  不设置偏移量没变化  上下左右设置偏移量    不会脱离文档流

不会改变元素性质

absolute;绝对定位  会脱离文档流

固定定位：

fixed

作业:

作业1