css 相对页脚和固定侧边栏相互重叠

Question

我进行了很多研究，但找不到解决我问题的方法。页脚与固定侧边栏重叠。我想防止 div 相互重叠。请你帮助我好吗。 Z-index并没有解决问题。

#sidebar {
    margin: 140px 0px 0px 572px;
    float: right;
    width: 226px;
    position: fixed;
}
#footer {
    clear: both;
    height: 55px;
    width: 100%;    
    position: relative;    
}

Answer 1

通过给它一个背景颜色或图像使你的侧边栏不透明。

例如:https://jsfiddle.net/a3t22856/

我加的那一 block 是:

background-color: white;