如何使用 CSS 定位使页脚与主要内容区域重叠？

Question

这是我在制作时遇到问题的页面的链接：

http://willhost.webs.com/First%20CSS%20Page/Homepage%20Actual.html

我希望绿色页脚与灰色内容框垂直重叠 39 像素。我可以通过将页脚位置属性设置为“相对”并输入顶部值“39px”（并增加灰色框的 z-index）来做到这一点，但这仍然会留下一个空间，页脚应该在正常流程中进入- 我不想那样。

因此，将页脚设置为绝对定位似乎就是答案。但是当我这样做时，页脚会从屏幕上消失？！

我一个月前才开始进行网络编码，所以如果这是一个愚蠢的问题，请原谅我。

任何帮助将不胜感激！

干杯，Will W

Answer 1

尝试申请margin-top

#footer {
    background: #95D704;
    font: normal 13px 'Museo Sans 100';
    height: 97px;
    margin-top: 39px;
}