css - 页脚并不总是粘在底部

Question

一段时间以来，我一直试图在我的网站上设置页脚，但没有成功。
footer贴在屏幕底部，如果有滚动条，那么当我向下滚动时，它会向上滑动...
我希望它贴在底部但不喜欢 position: fixed (如果有滚动条，那么在我滚动到底部之前我不想看到页脚)。
我的网站中有 3 个主要组件(页眉、内容和页脚)。
这是页脚 css:

background: #929191;
border-top: 1px black solid;
position: absolute;
bottom: 0;
text-align: center;
width: 100%;

我已经尝试将 html 和 body 更改为“高度:100%”，但唯一几乎如我所愿的是，它使高度大于屏幕。
就像高度:110%(即使高度总和是 100%)。
我试图减少它，直到我适合，但它在 UI 中的每一个小变化都会带来麻烦。

我将不胜感激任何帮助..

Answer 1

听起来您正在寻找 <footer> .请记住，它不适用于早期版本的 Internet Explorer。 Here是一些更多的信息。让我知道这是否可行。