我一直在网上搜索几天试图破解这个：
我的代码大致布局：
<body>
<div id="wrapper">
<div id="top-header"></div> <!-- This is a fixed position header -->
<div id="content"></div>
<div id="footer"></div>
</div>
</body>
我试图制作我的页脚，因此它适用于以下两种情况：
1）当内容很少/没有内容时，页脚位于屏幕底部（以避免看起来丑陋/不专业的间隙）
2）当内容溢出页面（需要滚动条）时，页脚位于PAGE的底部（即：最初隐藏，直到向下滚动）。
不成功的FIX＃1 到目前为止，我已尝试使用position：fixed，它在方案（1）中有效，但在方案（2）中，页脚始终可见（在窗口底部的固定位置），我不知道想。我只想在滚动到底部时才能看到页脚。
不成功的FIX＃2 然后，我通过将页脚相对于“包装器”绝对定位而获得了更多的成功。 div（最小高度：100％）。在方案（1）中，这工作正常！但是，当我尝试方案（2）时，页脚将完全出现在＆＃34;窗口的底部＆＃34;但不是＆＃34;页面的底部＆＃34; （或者更具体地说是＆＃39;包装器＆＃39; div）。当我向下滚动时，页脚将随页面移动并切入内容 - 非常奇怪！ ......似乎问题出现了，因为“包装纸”的高度很高。相对于窗口大小（高度：100％），当我改变窗口大小时，这会实时变化。有没有办法可以说出包装纸的高度？ div为＆＃39;页面的100％＆＃39;而不是100％的窗口＆＃39;？如果您认为有更好的方法或需要查看源代码，请告诉我......我很乐意提供。
我发布了这个问题，因为即使按照几个详细的说明修复它，并在本网站的存档线程中搜索，我也没有成功。任何帮助都将非常感激。
JMSSTKS