所有CSS定位属性
| 属性 | 描述 |
|---|---|
| bottom | 设置定位框的底部外边距边缘。 |
| clip | 剪裁绝对定位的元素。 |
| left | 设置定位框的左侧外边距边缘。 |
| position | 规定元素的定位类型。 |
| right | 设置定位框的右侧外边距边缘。 |
| top | 设置定位框的顶部外边距边缘。 |
| z-index | 设置元素的堆叠顺序。 |
定位的关键词
position
常用的定位
relative 相对定位的特征
- 不会让出自己原来的位置
- 定位的参考位置是当前元素原来的位置
fixed 固定定位的特征
- 会让出自己原来的位置
- 定位的参考位置是浏览器窗口
absolute 绝对定位的特征
- 会让出自己原来的位置
- 定位的参考位置是祖先中第一个开启定位的元素位置祖先中没有定位的话就相对于浏览器窗口定位
z-index z轴上设置元素的堆叠顺序
默认的定位
static HTML 元素默认情况下的定位方式为 static（静态）
其他定位
- sticky 元素根据用户的滚动位置进行定位
