Question

希望您能帮助我查询。我正在手工编码的网站中建立WP博客，并且由于WP中的CSS很复杂而导致问题。这是页面 http://www.carehomesderby.co.uk/news/ 我想跨越菜单导航和页脚浏览器的整个宽度，保持内容的中心我已经尝试将ul宽度设置为3000px（例如），但它增加了大约30px到RHS。我不能将菜单导航分开，因为它在WP中的header.php中。在几个地方，相同元素的样式被拉过来，所以我很难确定什么是什么。非常感谢提前

Answer 1

我看到了你的页面对于页脚，如果您希望它覆盖整页，则只需从页脚标记中删除该角色

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

只需从role属性中删除contentinfo即可。

导航：你需要做几件事，我在这里给你一个想法

删除网站类的最大宽度

.site { /*max-width: 68.5714rem;*/ }
从div标签中删除宽度为950px的值

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

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

Answer 2

您可以尝试添加：

position:absolute;
left:0px;

在第1479行。

将导航按钮放在导航栏内的新div中。例如：

<div class="nav-menu">
        <div class="nav-button">
        <ul>
            <li><a href="">Home</a></li>
            <li><a href="">About Us</a></li>
            <li><a href="">Facilities</a></li>
            <li><a href="">Respite Care</a></li>
            <li><a href="">Day Care</a></li>
            <li><a href="">Gallery</a></li>
            <li><a href="">Events</a></li>
            <li><a href="">Testimonials</a></li>
            <li><a href="">Contact Us</a></li>

        </ul>
        </div>
        </div>

然后将按钮居中。

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

2 个答案: