底部位置的页脚绝对将不起作用[关闭]答案

【问题标题】：Footer on bottom POSITION ABSOLUTE WILL NOT WORK [closed]底部位置的页脚绝对将不起作用[关闭]
【发布时间】：2020-06-26 08:43:39
【问题描述】：

我正在设计一个带有一些自定义样式的网页。我想底部对齐页脚，以便在加载到网站时看起来正常。当我尝试通过使用“bottom:0;position:absolute”来做到这一点时，它可以在桌面上运行，但是当你切换到移动设备或笔记本电脑时，它会覆盖其他内容并显示在它上面。我附上图片：、，以及它应该是什么样子；。

任何帮助将不胜感激。

【问题讨论】：

也许可以给我们看一些代码或者做一个小提琴

标签： javascript html css footer bottomnavigationview

【解决方案1】：

仅当身体高度小于窗口高度时才使用位置bottom:0。

if ($(document.body).height() < $(window).height()) {
    $('#footer').attr('style', ' position: absolute; bottom: 0;left: 0; right: 0;');
}

【讨论】：

【解决方案2】：

上面的元素是position: relative吗？

另外，您的页脚可能不需要使用position: absolute。将页脚保持在 HTML 的底部并仅使用 position: relative 应该可以顺利进行。

【讨论】：