CSS 四种定位方式比较
| 定位模式 | 是否脱标占有位置 | 是否可以边平移 | 移动位置基准 |
| 静态定位(static) | 不脱标,正常模式 | 不可以 | 正常模式 |
| 相对定位(relative) | 不脱标,占有位置 | 可以 | 相对自身位置移动 |
| 绝对定位(absolute) | 完全脱标,不占位置 | 可以 | 相对于最近的有定位的祖先元素移动 |
| 固定定位(fixed) | 完全脱标,不占位置 | 可以 | 相对于浏览器移动 |
| 定位模式 | 是否脱标占有位置 | 是否可以边平移 | 移动位置基准 |
| 静态定位(static) | 不脱标,正常模式 | 不可以 | 正常模式 |
| 相对定位(relative) | 不脱标,占有位置 | 可以 | 相对自身位置移动 |
| 绝对定位(absolute) | 完全脱标,不占位置 | 可以 | 相对于最近的有定位的祖先元素移动 |
| 固定定位(fixed) | 完全脱标,不占位置 | 可以 | 相对于浏览器移动 |