页脚和更改框位置

Question

我正忙着我的一个项目（第一个项目），我遇到了一个问题，在我的头版中，页脚完全正常，但我的首页上有按钮，导致其他页面没那么多关于他们和页脚的内容只是在内容之下，而不是在底部，我以为我已经尝试了一切，但显然没有。如果有人能帮助我，我会非常感激。

另一件涉及盒子链接定位的事情。我如何将它们放在我想要的任何地方？

  footer {
   clear: both;
   margin-top: 20px;
    padding: 20px 0;
    background-color: #111;
    }

.index-links div {
 margin: 16px 16px 0;
 width: calc(100% - 32px);
 height: 100px;
 background-color: #f2f2f2;
 }

<section class="index-links">
  <a href="weather.html">
  <div class="index-boxlink-square">
  <a href="weather.html">
      <h3>Weather</h3>
    </div>

以下是另一页：

  <a href="https://www.yr.no/?spr=eng" target="_blank">
    <img src="img/yr.png" alt="yr">
    <div class="weather-links">
    </div>

   .weather-links h2 {
   font-family: Raleway;
  font-size: 24px;
   font-weight: 900;
  color: #111;
  display: block;
  margin: 0 auto;
  text-align: left;
  padding: 20px 40px;
   }

  img {
  float: left;
  width: 230px;
  height: 230px;
  margin: 5px 5px 0;
  box-shadow: 2px 2px 5px 2px grey;
   }