html - 将 div 元素的宽度扩展到 Bootstrap 的容器类之外

Question

Bootstrap 的容器类有 1170px 的宽度，这非常适合显示信息，但我希望我的页脚背景延伸到页面的边缘，无论屏幕尺寸是多少。我已经看到建议我将宽度设置为 2000 像素的解决方案，但我更喜欢更简洁的解决方案，以防有人使用屏幕宽度较大的显示器。我也不想覆盖 Bootstrap 容器类的宽度，因为那样会弄乱我的元素定位。

在 CSS 中有没有一种方法可以告诉背景溢出它包含的 div？

这是一个JSFiddle

这是我当前的 .footer 类，它被 Bootstrap 的 .container 类绑定(bind):

.footer {
    float: left;
    background: #000;
    margin-top:40px;
    width: 100% !important;
    height: 500px;
    position: absolute;
}

Answer 1

稍微改变一下你的设计

    <!-- .footer's old home -->
    </container>
    <footer>
        <container>Your previous footer kids</container>
    </footer>
</body>

.container 是一个类，所以它可以多次出现。

实际上，我敢打赌这就是为什么 Bootstrap 首先将 .container 设为一个类，而不是一个 id。

fiddle :http://jsfiddle.net/V7Yyf/

顺便说一句 - .container 在某些视口(viewport)尺寸下的宽度为“自动”(请参阅​​:bootstrap-responsive.css 的第 825 行)