【问题标题】:Footer relative is not always at the bottom of the page [duplicate]页脚相对并不总是在页面底部[重复]
【发布时间】:2020-04-20 21:57:01
【问题描述】:

我正在建立一个带有相对页脚(第一张图片)的网站,但是正如您所见,当页面上没有足够的内容时,页脚没有放在底部。

我可以用绝对位置来解决它,但是页面的内容隐藏在页脚后面(图 2)。

我的问题

如何将页脚放在页面底部,但当页面添加更多内容时仍将其向下推。

感谢您的帮助。

【问题讨论】:

  • 你能分享你的HTML(即前端部分)吗?

标签: html css html-table


【解决方案1】:

您可以使用position: fixed; bottom:0; 作为页脚,它始终位于屏幕底部。

【讨论】:

  • 如果您仍然遇到内容重叠在页脚上的问题,您可以将页脚的z-index 设置为大于页面内容。如果您没有在其他元素上触摸任何 z-index,则可以使用 z-index: 100
猜你喜欢
  • 2016-04-04
  • 2018-03-21
  • 2020-10-03
  • 2020-03-22
  • 2014-04-21
  • 1970-01-01
  • 1970-01-01
  • 2017-02-07
  • 1970-01-01
相关资源
最近更新 更多