Html 为什么我的页脚在某些页面上没有100%的宽度？

我的站点上的每个页面都使用相同的页脚代码。为什么页脚在其中两页上实际显示为100%宽度

我尝试了许多不同的修复方法，但似乎没有任何效果

HTML:

---

感谢您的帮助。

。包装器的宽度为
宽度：1000px不是100%。[1]我想未关闭的页脚外部div只是问题中的一个遗漏？[2] .wrapper的宽度为1000px，为什么您希望它填充整个页面？[3] 如果这不是问题的话，一个JSFIDLE就太好了。的确，包装器只会扩展到1000px。然而，我认为OP的本意是这样的，只想把#footer outer div扩大100%。拆下#页脚外侧的浮动申报。这将收缩包装您的内容，而不是采用完全100%的宽度。删除浮动并没有改变任何东西，但我认为现在的问题可能是，我的包装覆盖了页脚，使其看起来好像没有一直延伸。我不知道为什么这只会发生在其中的两页上。
<div id="footer-outer">
<footer class="wrapper">
    <div class="ftr-nav-area">
        <div class="l-f-nav">
            <ul>
                <li><a href="#">home</a></li>
                <li><a href="#">about us</a></li>
                <li><a href="#">branding</a></li>
            </ul>
        </div>
        <div class="r-f-nav">
            <ul>
                <li><a href="#">staffing solutions</a></li>
                <li><a href="#">services</a></li>
                <li><a href="#">social media consulting</a></li>
            </ul>
        </div>  
    </div>
    <div class="socal-section">
        <div class="s-text">
        <h4>Contact Us</h4>
        <p>In a est nisl. Vestibulum condimentum, neque id faucibus.</p>
        </div>
        <div class="s-icon">
        <a href="#"><img src="images/twiter-icon.png" alt="" /></a>
        <a href="#"><img src="images/fb-icon.png" alt="" /></a>
        <a href="#"><img src="images/g-icon.png" alt="" /></a>
        </div>
    </div>
    <div class="footer-logo-section">
        <a href="index.html"><img src="images/footer-logo.png" alt="" /></a>
        <p class="t-gap-10">&copy; Copyright. 2013. All Rights Reserved.</p>
    </div>
</footer>

#outer{
width: 1000px;
overflow: hidden;
margin: 0px auto;
clear: both;}

#footer-outer{
width: 100%;
overflow: hidden;
border-top: 1px solid #31679c;
background: url(../images/footer-bg.jpg) repeat-x top #0066b3;
color: #8eddff;
float: left;}

.wrapper{
width: 1000px;
margin: 0px auto;
clear: both;
padding: 22px 0px 16px;
overflow: hidden;}

.l-f-nav{ width:123px; float:left;}
.r-f-nav{ width:180px; float:left;}
.ftr-nav-area ul{ list-style:none;}
.ftr-nav-area ul li{ padding:0px 0px 12px 22px; background:url(../images/footer-        icon.png) no-repeat 4px 6px;}
.ftr-nav-area ul li a{ color:#fff; text-decoration:none;}
.ftr-nav-area ul li a:hover{ color:#7bcdf5;}