如何防止我的菜单div元素覆盖页脚div元素？

Question

这是它的样子。如何让我的页脚只显示在右侧？

这是左侧菜单框的css代码：

#left
{
    width:200px;
    height: 1920px;
    position:fixed;
    background-color:#4A4A4A;
    display: block;
    float: left;
}

这是页脚：

footer
{
    padding:5px;
    background: #fff;
    color: steelblue;
    font-size: 12px;
    text-align:center;
    box-shadow:0px 0px 15px 2px #CCC;
}

Answer 1

尝试删除位置：固定;来自你的#left属性。固定元素不会在默认（位置：相对）元素的同一平面上加载。