【发布时间】:2020-04-20 21:57:01
【问题描述】:
我正在建立一个带有相对页脚(第一张图片)的网站,但是正如您所见,当页面上没有足够的内容时,页脚没有放在底部。
我可以用绝对位置来解决它,但是页面的内容隐藏在页脚后面(图 2)。
我的问题
如何将页脚放在页面底部,但当页面添加更多内容时仍将其向下推。
感谢您的帮助。
【问题讨论】:
-
你能分享你的HTML(即前端部分)吗?
标签: html css html-table
我正在建立一个带有相对页脚(第一张图片)的网站,但是正如您所见,当页面上没有足够的内容时,页脚没有放在底部。
我可以用绝对位置来解决它,但是页面的内容隐藏在页脚后面(图 2)。
我的问题
如何将页脚放在页面底部,但当页面添加更多内容时仍将其向下推。
感谢您的帮助。
【问题讨论】:
标签: html css html-table
您可以使用position: fixed; bottom:0; 作为页脚,它始终位于屏幕底部。
【讨论】:
z-index 设置为大于页面内容。如果您没有在其他元素上触摸任何 z-index,则可以使用 z-index: 100