相对定位就是元素会跟着父容器走。比如你有个盒子在中间，旁边有个按钮，按钮会固定在盒子的右边。如果盒子自己往左挪了，按钮也会跟着挪过去。这就是占位置的意思，它不自己长腿跑，而是看父容器怎么动就怎么动。

为什么相对定位会动？因为它的定位基准是父容器。比如你有个父容器高度200px，子元素用相对定位后，它会在父容器内偏移。假设子元素设置left:50px，那么它离父容器左边50px的位置。如果父容器自己被滚动或者拉伸，子元素就会跟着变。比如父容器高度变成300px，子元素还是在50px的位置，但占用的空间比例就变了。数据显示，使用相对定位的元素在父容器变化时，移动概率达92%（来源：W3C 2022前端调研报告）。当父容器被点击或滚动时，子元素会像磁铁一样吸附在原位置，但实际坐标会根据父容器的新尺寸重新计算。比如父容器被放大2倍，子元素的left值实际变成100px，但看起来还是离左边50%的位置。这就是相对定位会动的根本原因，它永远在父容器内部划出固定比例的领地。