html - 页脚妨碍其他元素

我正在建立一个轻量级的聊天类网页。但是，页脚在其他元素前面。CSS代码：

#page_content {
   margin-left: 15px;
   margin-bottom: 20px;
}
#footer {
   background: rgba(0, 0, 0, 0.980392);
   width: 100%;
   height: 80px;
   position: relative;
}

举个例子：http://jsfiddle.net/6BrjV/谢谢你的帮助。

最佳答案

试着清理你的漂浮物：

#footer {
    background: rgba(0, 0, 0, 0.980392);
    width: 100%;
    height: 80px;
    position: relative;
    clear:both;
}

jsFiddle example

关于html - 页脚妨碍其他元素，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/19820973/