使我的页脚宽度背景颜色填充浏览器窗口

Question

作为我的标题，我正在寻求一些帮助，使我的页脚宽度背景颜色填满浏览器窗口。

我的页脚标记是在我的包装内部构建的，为1000px;因此，当来给我的页脚一个背景颜色时，身体背景颜色显示在两侧。我想出了margin-left -1000px的快速概念，然后padding-left 1000px和右边的相同，看起来在桌面上找到了，但是当在iphone或ipad上查看时，这并没有很好用。

网站测试页.... http://www.rubb.co.uk/test/index.htm

请注意网站内容仍需要完成。目前正在重新设计整个网站。

谢谢。

Answer 1

你需要把你的页脚从包装中取出来。更改您的包装器定义以使用.wrapper而不是#wrapper，这样您就可以多次使用它，所以您可以使用以下内容：

<div class="wrapper">
    <!-- rest of website here -->
</div>
<div id="footer">
    <div class="wrapper">
        <!-- footer content here -->
    </div>
</div>

然后你可以给#footer一个背景色

Answer 2

虽然您的具体案例不会对其他人有所帮助。您需要更改标记：

#wrapper
   -> #footer_box

要

#wrapper
#footer_box

现在footer_box的宽度为100％。你#wrapper有一个固定的宽度，所以它不会出现position: fixed的流量，然后它将始终可见。