CSS无法移动我的图像

Question

我正在尝试移动一些图像，但我无法移动它们。我把其他图像移动得很好但是这些图像不会移动？

HTML :(图片越多越好，但我甚至无法移动图像）

<main> 
  <p class="window1"> Window 1 </p>
  <img class="uparrow1" src="images/up.png" alt="Up">
</main>

CSS：

.uparrow1 {
  position: absolute;
  top: 300px;
  left: 100px;
}

任何命令都不响应。

Answer 1

务必将包含div设置为position: relative，在本例中为.main。

Answer 2

如果未将父元素设置为relative，则无法将子元素移动到绝对位置。

实施例

CSS

.parent{
  position:relative;
}

.child{
  position:absolute;
  left:100px;
}

HTML代码

<div class="parent">
  <div class="child">Move me</div>
</div>

更多信息的资源：http://www.w3schools.com/css/css_positioning.asp