css - 设置宽度 div 内的全宽背景图像

Question

希望您能帮助我解决问题。我正在手工编码的网站中构建 WP 博客，但由于 WP 中的 css 很复杂而出现问题。这是页面 http://www.carehomesderby.co.uk/news/我想跨越浏览器的整个宽度的菜单导航和页脚，保持内容居中我试过将 ul 宽度设置为 3000px(例如)，但它增加了大约 30px 到 RHS。我无法将菜单导航分开，因为它位于 WP 的 header.php 中。同一元素的样式在几个地方被拉过，所以我很难确定什么是什么。非常感谢

Answer 1

我已经看到你的页面了对于页脚，如果你想让它覆盖整个页面，那么只需从页脚标签中删除 Angular 色

<footer id="colophon" style="width:100%;" role="contentinfo">

只需从 Angular 色属性中删除内容信息即可。

只需从 Angular 色属性中删除内容信息即可。

对于导航:你需要做一些事情，我在这里给你一个想法

1. 移除站点类的最大宽度

   .site
{
/*max-width: 68.5714rem;*/
}

2. 从 div 标签中删除宽度为 950px 的值

   <div id="page" class="hfeed site" style="padding-top:0px; margin-top:0px;">

它将做的是，您的导航和页面将获取整个页面，然后只需在导航以外的任何地方设置内容。