html - 将页脚放在网站的底部。 (不是位置 : fixed)

Question

<分区>

Answer 1

您可以简单地实现链接中的代码。关键是:

• 固定页脚高度，并在相对定位的元素内使用 bottom: 0 绝对定位
• 内容底部填充等于页脚高度，以便在需要时将其向下推

---

因此，对于您的网站，您需要添加以下内容:

html {
  height: 100%;
}

body {
  position: relative;
  min-height: 100%;
}

footer {
  position: absolute;
  bottom: 0;
  height: 35px;
  width: 100%;
}

.content {
  padding-bottom: 60px;
}

刚刚通过将其附加到您的 style.css 文件在您的网站上对其进行了测试。