适合的高度，不是100％

Question

将我的网页上的高度设置为100％会让事情变得糟糕。页脚并未停留在主页面上，它正在经过主要可视区域....我如何防止发生这种情况，使其停留在页面的底部？

见例如：[URL_REMOVED]

Answer 1

尝试把<div id="bdy"></div>内部页脚和它定位在底部。 由于#bdy有min-height: 100%，它推下页脚。

如果将页脚放在#bdy的内部，请将其设置为position: absolute; bottom: 0;。

UPDATE：

啊，那是因为在页脚position: absolute;使指令bottom: 0;坚持给它确实有不position: static的最近的祖先（这是默认值）。您可以通过将position: relative;应用于#bdy来解决问题。