Question

调整浏览器窗口大小后，图像正在移动。不知道为什么。任何人都可以解释原因吗？

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

Answer 1

这是因为img绝对位于850px左侧。因此，在调整窗口大小时，它将始终处于相同的位置，因为它是一个设置px值。设置基于%的值会移动img，因为它是基于父级的百分比 - 在这种情况下是正文，即正在调整大小的窗口。

查看删除定位时会发生什么：http://jsfiddle.net/JoshC/6jH9x/

如果它必须绝对定位，您应该考虑将position:relative添加到父级，使子级相对于父级绝对定位。