html - 如果正文为 95%，如何将页脚设置为 100%？

Question

我的任务是稍微改变一个网站，现在，该网站的响应式布局占视口(viewport)宽度的 95%，在主体方面，因此如果调整大小，它会进行调整。

太棒了，我希望它继续这样做，但我希望页脚有一个左右平静的蓝色背景，但出于某种原因我无法想出办法做到这一点.

有人能帮忙吗？

Answer 1

试试这个 - DEMO

HTML

<div id="container">
    <h1>TITLE</h1>

    <section>MAIN CONTENT</section>

    <footer> FOOTER </footer>
</div>​

CSS

#container {
    width: 95%;
    margin: auto;
    background: honeydew;
}

footer {
    position: absolute;
    width: 100%;
    background: beige;
    margin-left: -2.5%;
}