第十六天 之position定位

五种定位方式

1.静态定位：static

默认 什么都不管 文档流默认赋予位置(从左向右 从上向下)

2.相对定位：relative

相对于静态定位发生偏移 占用文档流位置（我走了，位置留着）

3.绝对定位: absolute

相对于外层第一个非static定位 外层一直是静态 则参考html位置

4.固定定位: fixed

相对于浏览器窗口

5.粘性定位: sticky

没有达到粘性位置 相当于静态定位 达到粘性位置相当于固定定位

撑高父元素的三种方式

1.给与父容器固定高度 （适合导航栏）
2. 给最后一个div一个清除左右浮动
3. 给父元素最后边添加一个 清除左右浮的空块