相对定位 (relative positioning) 是一种用于 HTML 和 CSS 中的定位技术。它可以使元素相对于其原始位置进行移动,而不影响文档中其他元素的布局。使用相对定位时,元素会根据其在文档流中的位置,相对于其初始位置进行偏移。这种偏移通常是通过将 "top"、"bottom"、"left" 或 "right" 属性的值设置为正数或负数。
相对定位的关键词为 "position" 属性,在 CSS 中,它的可选值有 "static"、"relative"、"absolute"、"fixed" 和 "sticky"。其中,"relative" 意味着元素相对于其初始位置进行偏移,而不影响其他元素的布局。因此,相对定位也经常与 z-index 属性一起使用,以控制层叠顺序。
相对定位还可用于创建 CSS 动画和过渡效果,从而使元素产生平滑的动态效果。