定位模式 | 是否脱标占有位置 | 是否可以使用边偏移 | 移动位置基准 |
静态static | 不脱标,正常模式 | 不可以 | 正常模式 |
相对定位relative | 不脱标,占有位置 | 可以 | 相对自身位置移动 |
绝对定位absolute | 完全脱标,不占有位置 | 可以 | 相对定位父级移动位置 |
固定定位fixed | 完全脱标,不占有位置 | 可以 | 相对浏览器移动位置 |
绝对定位和固定定位会使元素发生模式转换,变为inline-block(行内块元素)
补充:
叠加次序:z-index只对设置定位为相对定位或绝对定位或固定定位的元素生效。