-
静态定位(static):
- 默认定位方式,元素按照标准流排列,不会受到
top
、bottom
、left
、right
属性的影响。 - 不会脱离文档流,占据空间。
- 默认定位方式,元素按照标准流排列,不会受到
-
相对定位(relative):
- 相对于元素在文档流中的原始位置进行偏移。
- 占据原始位置的空间,后面的元素会将其视为标准流元素。
-
绝对定位(absolute):
- 相对于最近的已定位的祖先元素进行定位。
- 脱离标准流,不占据原始位置的空间。
-
固定定位(fixed):
- 相对于浏览器窗口进行定位,不随页面滚动。
- 完全脱离标准流,不占据原始位置的空间。
-
粘性定位(sticky):
- 根据用户的滚动位置在相对定位和固定定位之间切换。
- 需要指定
top
、bottom
、left
、right
中的一个,并且其包含块必须是相对定位。
CSS定位(position)的五种定位方式及其特点
最新推荐文章于 2025-04-01 20:45:00 发布