HTML使页脚稳固

Question

有没有办法让页脚div固定？那么主div中的内容会停止在它后面滚动？

这是我的页脚代码：

＆＃13;

＆＃13;

Footer {
  width: 100%;
  background-color: #515151;
  position: fixed;
  right: 0;
  bottom: 0;
  height: 6.5%;
}

＆＃13;

<footer class="Footer">
  <span class="privacy"><a href="privacy.html">Privacy Policy</a></span>
  <span class="copyright"><p>Copyright</p></span>
</footer>

＆＃13;

＆＃13;

＆＃13;

Answer 1

如果您将位置固定。该元素不关心其他内容。你需要设置亲戚。

Footer {
  width: 100%;
  background-color: #515151;
  position: relative;
  right: 0;
  bottom: 0;
  height: 6.5%;
}

html, body {
  margin: 0;
}

<footer class="Footer">
  <span class="privacy"><a href="privacy.html">Privacy Policy</a></span>
  <span class="copyright"><p>Copyright</p></span>
</footer>

Answer 2

使用position: absolute代替position: fixed

示例：

footer {
  width: 100%;
  background-color: #515151;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 6.5%;
}