css - 如何使用 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;
}