position有四个值：relative（相对定位）、absolute（绝对定位）、static（静态定位）和fixed（固定定位），通过top、left、bottom、right来调整元素位置
| 属性值 | 作用 | 备注 |
|---|---|---|
| relative | 相对定位 | 参考元素本身 |
| absolute | 绝对定位 | 参考最近的祖先元素 |
| static | 静态定位 | 基本定位规定 |
| fixed | 固定定位 | 参考浏览器窗口 |
1、relative（相对定位）
相对定位的偏移元素参考的是元素本身，不会使元素脱离文档流，元素的初始位置占据的空间会被保留
没有脱离文档流
2、absolute（绝对定位）
绝对定位是相对于已定位的最近的祖先元素，如果最近的祖先元素没有设置定位，那么它的位置就相对于最初的包含块
脱离文档流
3、static（静态定位）
没有特别的设定，遵循基本的定位规定，不能通过z-index进行层次分级 不脱离文档流
4、fixed（固定定位）
固定定位相对于浏览器窗口，使用fixed的元素不会随窗口的滚动而滚动 脱离文档流
