页脚重叠中间div？

Question

我有这个php文件，我有4个div。

• 标题
• 中东
• 页脚
• 右侧导航

现在我还有一个登录系统，当我没有登录我的中间div和footer div看起来像我想要的那样。像这样：

现在，当我登录时，它看起来像这样：

正如您所看到的，当我登录并且边框消失时，右侧的页码会重叠一点。这可能也是因为重叠。

现在我已经制作了一个jsfiddle，但是当我运行php脚本时它看起来并不像。虽然jsfiddle的结果不对，但我已经改变颜色以确保你看到了div。另一方面，代码是如何实现的。 http://jsfiddle.net/FcBeA/4/

虽然我认为最重要的事情是页脚css：

.footer{
     text-align:center;
    clear:both;
    position: absolute;
    margin-left:10%;
    height:15%;
    width:80%;
    background-color:white;
    top:100%;
    /*border-radius:12px;*/
}

出了什么问题？

Answer 1

将z-index:-999;添加到您的页脚：

.footer{
     text-align:center;
    clear:both;
    position: absolute;
    margin-left:10%;
    height:15%;
    width:80%;
    background-color:white;
    top:100%;
    z-index:-999;
    /*border-radius:12px;*/
}