我有一个网页，我在其中使用“超大”jquery 插件来更改背景。我还有一个页脚，仅在我为其添加以下 CSS 时才显示:
#footer{
width: 100%;
color: #ffffff;
background: #000000;
position: fixed;
bottom: 0px;
height: 40px;
padding: 5px 0px 5px 0px;
}
但是，当发生改变窗口高度的情况时，页面内容会移至页脚后面，并且当我向下滚动时，页脚不会停留在页面底部 - 它会向上滚动。
例如，我有三个并排显示的 div，但是当窗口大小调整到宽度低于 900px 时，div 会一个接一个地显示，因此窗口高度会发生变化。这时 div 就会移到页脚后面，页脚也会随之向上滚动。
我尝试过 position:relative 和 position: static，但即使 z-index 值很高，它也不会显示。我认为这个“不显示”是因为我用于背景图像的插件。当窗口改变高度时，我还尝试了一些 jquery 函数，但也没有结果。
有任何想法吗？预先感谢您...
最佳答案
这里是示例:
html {
height: 100%;
}
body {
position: relative;
min-height: 100%;
}
main {
padding-bottom: 30px;
}
footer {
position: absolute;
bottom: 0;
width: 100%;
height: 30px;
}<body>
<header>
header
</header>
<main>
main
</main>
<footer>
footer
</footer>
</body>关于jquery - 页脚没有停留在页面底部，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21665515/