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

Question

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

以及它应该是什么样子；

Answer 1

bottom:0仅当身体高度小于窗户高度时才使用位置。if&nbsp;($(document.body).height()&nbsp;<&nbsp;$(window).height())&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;$('#footer').attr('style',&nbsp;'&nbsp;position:&nbsp;absolute;&nbsp;bottom:&nbsp;0;left:&nbsp;0;&nbsp;right:&nbsp;0;'); }

Answer 2

是上面的元素吗position: relative？此外，它可能不需要用于position: absolute页脚。将页脚保留在 HTML 的底部并直接使用position: relative应该可以顺利进行。