父元素会被子元素撑开，
脱离文档流后父元素高度塌陷
解决方法：
给父元素加高度
隐藏属性 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
