html - 我的标题中有一个按钮，但在只有 1 个按钮后仍然显示 2 个按钮

Question

所以实际上我只是在做我的网站，现在突然发生的是我的标题部分有另一个按钮，而我的按钮部分只有 1 个按钮。

我尝试从那里删除那个按钮，但另一个按钮仍然有 Our Apps 作为文本出现。我在代码中有那个按钮，但它周围无处可去。两个按钮之间也没有匹配项。目前我还没有尝试过其他任何东西，我对此一无所知。这是代码-

#clickhere {
  border: 2 px solid white;
  position: absolute;
  top: 62 % ;
  left: 50 % ;
  transform: translate(-50 % , -50 % );
  padding: 5 px;
  border-radius: 5 px;
  background-color: transparent;
  color: #fff;
  font-size: 18 px;
  font-family: Century Gothic;
  transition: 0.6 s ease;
}

#clickhere: hover {
  color: grey;
  background-color: #fff;
  font-size: 20 px;
}

<div class="btn">
  <button id="clickhere">READ MORE</button>
</div>

结果应该是像这样只有一个按钮。 Link To Image

Answer 1

您为 #clickhere 和 #OurApps 按钮指定了绝对位置，但从未在父元素上使用相对位置。这意味着两个按钮都绝对放置在页面上。这意味着它们被放置在彼此之上，因为它们共享相同的 css 规则。