CSS页脚重叠我的内容

Question

您好我已经制作了固定的页脚，即使我的包装设置为填充，它仍然会重叠我的内容：100px;

HTML：

<div id="footer">
    <div class="copyright">
        <p>Copyright (c) 2016-2017 <?=$lang["website-title"];?> | All rights reserved.</p>
    </div>
</div>

CSS

#footer {width: 100%; height: auto; bottom: 0px; position: fixed;}
#footer .copyright {height: 30px; background: #171C21; line-height: 30px;}
#footer .copyright > p {color: #fff; text-align: center; font-size: 13px;}

上一篇：https://awesomeness.adam.zur.io/

Answer 1

这样做：

#wrapper .left-box .content > article {
   padding: 10px 10px 100px 10px;
   color: #fff;
}

您的padding-bottom:100px需要位于文章容器中。您的网站中还有其他问题导致此问题，但这是另一个问题：）

<强> FREEBIE

使用以下命令修正标头中的z顺序：

h3:first-of-type {
   z-index: 1;
}