里面的图片不会移动

Question

我在div里面有一张图片，无论我怎么努力都不会移动。我已尝试过不同的方法来放置它，但它们都没有被证明是成功的。代码有点长而且不好（我是初学者），但我希望这是可以理解的，而且你们中的一个人可能会提供帮助。

#overclock {
  left: 100px;
  padding-left: 100px;
  left: 20px;
  vertical-align: middle;
  align-content: center;
}

#bilde7 {
  width: 33%;
  height: 33%;
  top: 162%;
  left: 0%;
  position: absolute;
  background-color: #7e7e7e;
  border-radius: 10px;
  z-index: 3;
  transition: ease-out 0.1s;
}

.bilde:active {
  transform: scale(0.93);
  transition: ease-in 0.05s;
}

.bilde {
  animation: fadeInFromNone 1.2s;
}

.bilde:hover {
  transform: scale(0.95);
  transition: ease-in 0.2s;
  border: 1px #b20000;
}

<div id="bilde7" class="bilde">
  <a href="overclock.html">
    <img id="overclo" src="bilder/overclock.png" width="200" ; height="200" ;>
  </a>
</div>

帮助将不胜感激。

Answer 1

没有id为超频的元素。您需要按如下方式更改标记：

<img id="overclock" src="bilder/overclock.png" width="200" height="200">