Question

footer {
  font-family: arial;
  bottom: 0;
  position: absolute;
  color: #fff;
  width: 100%;
  background-color: #2E6171;
  text-align: center;
  padding: 15px 0;
  -webkit-box-shadow: 0px -10px 40px -3px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px -10px 40px -3px rgba(0,0,0,0.75);
  box-shadow: 0px -10px 40px -3px rgba(0,0,0,0.75);
  letter-spacing: 1px;
}

我希望我的页脚能够粘贴到页面的底部，现在它全屏显示，因为所有内容都适合一个vieuwport，但是当我调整窗口的大小时，我必须滚动查看页脚粘在中间的所有内容页面

Answer 1

您可以使用Bootstrap创建粘性页脚。以下是他们提供的示例：https://getbootstrap.com/examples/sticky-footer/

我希望这有帮助！

将页脚粘贴到底部（不固定）

1 个答案: