CSS Can't move my images

Question

I'm trying to move some images but I can't move them. I moved other images just fine but these ones won't move?

HTML : (it's a little larger with more images but i can't even move one)

<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;
}

It doesn't response at any command.

Answer 1

确保将包含的 div 设置为position: relative ，在本例中为.main 。

Answer 2

You can't move your child elements positioned in absolute if you don't set your parent element in relative.

Ex.

CSS

.parent{
  position:relative;
}

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

HTML code

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