Html CSS图像在调整大小时移动

调整浏览器窗口的大小后，图像将移动到位。不知道为什么。有人能解释为什么吗

#me img {
height: 200px;
width: 200px;
border-radius: 50%;
left: 850px;
position: absolute;
}

---

这是因为

img

绝对位于

850px

左侧。因此，当调整窗口大小时，它将始终处于相同的位置，因为它是一个set

px

值。设置基于

%

的值会移动

img

，因为它是基于父项的百分比-在本例中是主体，即正在调整大小的窗口

查看移除定位时发生的情况：

---

如果它必须是绝对定位的，你应该考虑将<代码>位置：相对< /代码>给父，使孩子绝对相对于父位定位。

似乎用一%的值转移它是个窍门。有人能解释为什么会这样吗？