Question

我试图将页脚放在页面底部 - 没有修复。 HTML布局如下：

<header><!-- content --></header>
<main>
    <div class="margin-center">
      <div class="individual">
          <section class="hours">
          </section>
      </div>
      <div class="stacked">
          <section class="blog">
          </section>
          <section class="pets-seen">
          </section>
      </div>
    </div>
</main>
<footer>
 <!-- footer content -->
</footer>

以下是我的CSS：

footer {
  /* color */
  background-color: #334051;
  color: #fff;

  /* position and size */
  position: absolute;
  left: 0;
  width: 100%;
}

main {
  width: 100%;
  height 500px;
  margin-top: 250px;
  position: relative;
}

页面的所有方面都正常工作并且显示正常，除了显示其余内容的页脚。

Answer 1

当你使用Server时会发生这种情况。您可以阅读更多here。只需删除它，标准（position: absolute）就可以了。

＆＃13;

static

＆＃13;

footer {
  /* color */
  background-color: #334051;
  color: #fff;

  /* position and size */
  width: 100%;
}

main {
  width: 100%;
  height 500px;
  margin-top: 250px;
  position: relative;
}

＆＃13;

页脚未粘贴到页面底部（未固定）

1 个答案: