使用CSS相对定位移动图片时遇到问题求助

问题根源 #

你给.second和.third类设置的top、left值没加长度单位（比如px），CSS里除了0之外的长度值必须带单位，不然浏览器会直接忽略这些属性，自然没法移动图片。

修正后的CSS代码 #

img.first {
  position: relative;
  top: -75px;
  left: -1px;
}

img.second {
  position: relative;
  top: -198px; /* 补上px单位 */
  left: -35px; /* 补上px单位 */
}

img.third {
  position: relative;
  top: -198px; /* 补上px单位 */
  left: -35px; /* 补上px单位 */
}

额外提示 #

• 相对定位是基于元素原本的位置偏移，偏移后元素原来的位置会被保留（不会脱离文档流），如果不想占位可以考虑用绝对定位，但要记得给父容器设置position: relative作为参照。
• 所有CSS长度类属性，只要数值不是0，都得指定单位，常用的有px、em、rem这些，按需选择就行。

内容的提问来源于stack exchange，提问作者George Greene