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

标签 html css background footer

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

我的页脚标签建立在我的 1000px 包装内;因此,当给我的页脚设置背景颜色时,主体背景颜色会显示在两侧。我想到了 margin-left -1000px,然后 padding-left 1000px 和右边相同的想法,它看起来在桌面上找到但在 iphone 或 ipad 上查看时效果不佳。

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

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

谢谢。

最佳答案

好吧,您需要将页脚从 wrapper 中取出。更改您的包装器定义以使用 .wrapper 而不是 #wrapper 这样您就可以多次使用它,这样您就可以拥有类似的东西:

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

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

关于html - 使我的页脚宽度背景颜色填充浏览器窗口,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19445854/

相关文章:

html - 没有带 div 的空白和没有设置的宽度

html - 如何更改 <div> block 的位置?

java - 绘制背景(棋盘)java android

javascript - Html javascript 提交不同的表单相同的数据类型,2 个按钮

javascript - 如何设置下拉列表中显示的默认值?

jquery - 在 jquery 移动中添加数据后,css 和 min js 没有得到应用

php - 如何从 wordpress 根文件夹的 web.config 文件中删除 .php 扩展名?

html - 导致表格单元格高度扩展的图像

Javascript随机背景图像大小

ios - 后台任务不会在 Swift 中重新启动