【发布时间】：2013-11-25 01:09:16
【问题描述】：
调整浏览器窗口大小后，图像正在移动。不知道为什么。谁能解释一下为什么？
#me img {
height: 200px;
width: 200px;
border-radius: 50%;
left: 850px;
position: absolute;
}
【问题讨论】：
-
似乎用 % 值转移它就可以了。谁能解释为什么会这样？
【发布时间】：2013-11-25 01:09:16
【问题描述】：
这是因为img 绝对位于850px 左侧。因此，在调整窗口大小时，它将始终位于相同的位置，因为它是一个设置的px 值。设置基于 % 的值会移动 img，因为它是基于父级的百分比 - 在本例中是主体，即正在调整大小的窗口。
看看移除定位后会发生什么：http://jsfiddle.net/JoshC/6jH9x/
如果一定要绝对定位，应该考虑给父级加上position:relative，使子级相对于父级绝对定位。
【讨论】：