我的内容不在Content Div中。它在页脚下？

Question

我不知道为什么但是，我的内容div在页脚下面有一个空的html区域内的所有“内容”。 div的外壳在那里但不在里面。任何答案？

以下是链接：http://minecraftserverzz.com/youtube/hai/

#Content {
    width: 60%;
    z-index: -1;
}
.flex {display: flex; justify-content: space-between;}

#sidebar {
    width: 30%;
    background-color: #1f3952;
    z-index: -1;
}
footer {width: 100%;}

#footer {
    width: 100%;
    height: 200px;
    background-color: #001a33;
    display: flex;
}

#footer .nav {
    padding-left: 30%;
    padding-top: 2%;
    color:white;
    display: inline-block;
}

#footer .nav h1 {
    margin-left: -20%;
    margin-bottom: 30px;
        font-size: 30px;
    margin-top: 20px;
}

#footer .nav2 {
    padding-left: 20%;
    padding-top: 2%;
    color:white;
    display: inline-block;
}


#footer .nav2 h1 {
    margin-left: -20%;
    margin-bottom: 30px;
        font-size: 30px;
    margin-top: 20px;
}

----------------------------------------------- -------

Answer 1

您是否尝试在页脚中添加清晰元素？它应该是这样的：

#footer {
    width: 100%;
    height: 200px;
    background-color: #001a33;
    display: flex;
    clear: both;
}

请告诉我这是否有帮助！

Answer 2

在你的内容div中，有一个额外的div内容页面，最大高度。 请删除它。