Html 为什么不是'；页脚100%宽度？

我希望页脚占据页面底部的所有水平空间，

width 100%

，但由于某些原因，页脚位于页面中央，似乎具有包装器的特征。 这是图片（网站还没有上线，所以我不能提供链接）

那个黑色的页脚应该占据底部所有的水平空间，我将包括我认为应该对此问题负责的代码（代码简化了，所以与图片不同）

JSFIDLE

HTML

<div class="content">
            <article class="content-info">Content
            </article>
            <aside class="sidebar">
                <h4>MORE INFORMATION</h4>
                <ul>
                    <li>
                        <a href="#">Item1</a>
                    </li>

                    <li>
                        <a href="#">Item2</a>
                    </li>
                </ul>
            </aside>
    </div><!-- END.content-wrapper -->
    <div class="contact-us">
        <h2>
            Have any questions for us?
            <a href="#">CONTACT US</a>
        </h2>
    </div><!-- END.contact-us -->
<div class="footer-container">
        <div class="wrapper">
            <footer class="footer">
                <ul>
                    <li>Tel:<span> 0000</span></li>
                    <li>Fax:<span> 0000</span></li>
                    <li>Email: <a href="mailto:nla@bla.com">bla</a></li>
                    <li><h1>Company Name</h1></li>
                </ul> 
            </footer>
        </div>
        <!-- END.footer-wrapper -->
        <div class="copyright">
            <div class="wrapper">
                &copy; Copyright 2013.
            </div><!-- END.copyright-wrapper -->
        </div>
    </div><!-- END.footer-container -->    
        <?php wp_footer(); ?>
       <!-- Google Analytics --> 
    </body>
</html>

---

似乎.content、.footer容器等必须在某个位置具有固定宽度的公共父级。宽度：100%只会使页脚与父页面一样宽，而不是更宽，因此您必须将其移到外部。

据我所知，这是一个wordpress主题。请确保页脚不在具有固定宽度和边距0的页面内

该div在header.php中开始，在footer.php中结束

确保您的代码经过验证，并且没有未关闭的div。如果页眉中有#页，请在页脚之前将其关闭

.wrapper {
width: 980px;
margin: 0 auto;
}

---

该对象位于.wrapper的内部

你能做一把小提琴吗？我无法用你发布的代码重现该问题。你为什么不试着缩小范围呢。我们不需要像

box shadow

或

这样的东西来调试这个问题。这就是所谓的“调试”，简化了您的问题，直到您能够确定问题的原因。我将首先从您的标记中剥离所有css引用，然后一次重新添加一个，以查看哪一个会阻止页脚以您希望的方式显示。使用JSFIDLE，我们可以帮助您只需按1
F12
press；）在
标题容器元素
之后还有一个包装器。提示：
试着按f12并理解开发者工具；）
.wrapper {
width: 980px;
margin: 0 auto;
}