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

Question

关闭。这个问题是off-topic。它当前不接受答案。

---

是否要改善此问题？ Update the question，因此堆栈溢出为on-topic。

关闭[12天前。

我正在设计一种具有一些预定义样式的网页。我希望底部对齐页脚，以便在您加载到网站时看起来很正常。当我尝试使用“ bottom：0; position：absolute”来执行此操作时，它可以在台式机上运行，​​但是当您切换到手机或笔记本电脑时，它将覆盖其他内容并显示在其顶部。我要附上图片：，以及它的外观； 。

任何帮助将不胜感激。

Answer 1

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

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

Answer 2

元素在它上面是position: relative？