适合的高度，而不是100％

Question

在我的网页上将高度设置为100％是搞乱的事情。页脚不会停留在主页面上，它会经过主要的可查看区域......如何防止这种情况发生，使其停留在页面底部？

参见示例：[URL_REMOVED]

Answer 1

尝试将页脚放在<div id="bdy"></div>内并将其放在底部。 由于#bdy有min-height: 100%，因此会将页脚向下推。

如果您将页脚放在#bdy内，请为其指定样式position: absolute; bottom: 0;。

<强>更新

啊，这是因为页脚上的position: absolute;使指令bottom: 0;坚持到最近的祖先，而这个祖先没有position: static（这是默认值）。您可以将position: relative;应用于#bdy来解决问题。