如何通过CSS定位使我的页脚重叠主要内容区域？

Question

以下是我遇到问题的页面链接：

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

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

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

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

非常感谢任何帮助！

干杯，Will W

Answer 1

尝试应用margin-top

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