你可以想象一个大正方形，里面加一个小正方形。小正方形在最右上角，大正方形的位置永远不动。 小正方形的位置相对于大正方形的位置左移动100象素，向下移动20象素。

那么就是小正方形的右边增大100px，上面增大20px。

                               right:100px                   top:20px

但，首先确定小正方形的位置。这是我理解的

题干中写的相对于以前位置右上角，说明是基于右边开始，然后向左100像素，说明从右往左100像素，依照position的定位规则，先确认定位模式，基于浏览器定位，用position:absolute;接着确认距离，使用right:100px;最后从上至下也就使用top:20px;

鄙人新手，目前是这样的理解(#^.^#)

你让图片向左移动100px，那不就是让右边多出来100px

我来试一试:设置div标签相对于浏览器，（相对于以前位置右上角）向左移动100象素，向下移动20象素。

相对于以前的位置是右上角

绝对定位相对于盒子来说的。默认位置是在 左上角

如果设置 { left:100px; bottom:20px; }  则是在距离  左下角  水平 100px,  垂直 20px 的位置，相当于向右下推了一下

如果设置 { right:100px; top:20px; }       则是在距离  右上角  水平 100px, 垂直 20px 的位置， 相当于向左下推了一下

参考边 题目中是一右边边线参考 right:100px;

因为 left:100px 是指方块左边与网页边框的距离从0--->100 ，同等把图片向右推了100px，bottom 同理