html - 简单的页脚问题

Question

我正在尝试为我的页面制作页脚，我正在使用以下 CSS:

#footer {
    height: 100px;
    background-color: #F3F3F3;
    position: absolute;
    bottom: 0;
}

页脚应显示在页面底部。我可以看到我写的文字正确地粘在页面底部。但是，背景颜色根本不会出现。它只是页面其余部分的纯白色背景。

知道为什么会这样吗？

EDIT 检查是否有任何冲突/覆盖的 CSS。我看不到任何东西。

EDIT2 HTML

<div id="footer">
    <center><p> Sup dawg, I'm a footer </p></center>    
</div>

Answer 1

设置背景色的css属性为background color。将您的 CSS 更改为:

#footer {
    height: 100px;
    background-color: #F3F3F3;
    position: absolute;
    bottom: 0;
}

这是一个工作示例:http://jsfiddle.net/gfKXU/1/