使用高度时，页面在视口后停止：在body和html上为100％

Question

我正在使用http://ryanfait.com/sticky-footer/让页脚停留在底部。我以前在height: 100%;和html上使用body，以便在页面小于视口时填充整个页面。但是，这会使视口后的主体停止（无背景），但页面的其余部分会继续。 Stocky Footer与它没什么关系，但它是代码的一个例子 我已尝试使用min-height: 100%;，但这也无效。无法想出这一点，任何帮助都会很棒。

修改

网站为http://www.markduffymusic.com/index.php

Answer 1

要确保页脚始终位于页面的绝对底部，您可以使用此问题中提供的答案：Make div stay at bottom of page's content all the time even when there are scrollbars

要使用背景图片，您必须将background-image放在占据网页完整高度的单个元素上，在这种情况下，您的#holder div。

#pagecontainer中还有两个浮动元素未被清除，这意味着浏览器不会将设置高度指定为#pagecontainer。要解决此问题，您需要overflow: hidden作为#pagecontainer元素。

以下是关于CSS Tricks的有用The How and Why of Clearing Floats文章。