CSS五种定位方式详解: static、relative、absolute、fixed、sticky
2024-05-11- `static` 不支持任何偏移属性,元素直接按照HTML的顺序和布局规则排列。- `relative` 支持偏移,但不脱离文档流,其他元素感知不到其偏移后的位置。- `absolute` 脱离文档流,可以自由移动至任意位置,受最近非 `static` 定位祖先约束。- `fixed` 脱离文档流且不受滚动影响,始终在视口的某个位置固定显示。- `sticky` 兼具文档流内的自然流动和滚动后的固定定位,在满足条件时行为类似于`fixed`定位。_css relative absolute fixed