底部的页脚位置绝对不起作用

Question

我正在设计一个带有一些预先定义的网页 styles.I 想要底部对齐页脚，以便当您加载到网站时它看起来很正常。当我尝试使用 "bottom:0;position:absolute" 执行此操作时，它可以在台式机上运行，但是当您切换到移动设备或笔记本电脑时，它会覆盖其他内容并显示在其顶部。我附上图片：, , and what it's supposed to look like; 。

如有任何帮助，我们将不胜感激。

Answer 1

它上面的元素是position: relative吗？

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

Answer 2

仅当身高小于 window 时才使用位置 bottom:0。

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

底部的页脚位置绝对不起作用

Footer on bottom POSITION ABSOLUTE WILL NOT WORK

javascript

html

css

footer

bottomnavigationview