我正在建立一个轻量级的聊天类网页。但是,页脚在其他元素前面。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/

10-11 13:30