css - 容器 div 内可能的最大宽度

Question

我正在使用骨架 css 框架，我需要一些 div 来占据可能的最大宽度，就像 SO 在 div 中保存搜索输入框的方式一样。我有这个小提琴http://jsfiddle.net/pRmus/1/显示我制作的简单 div

.all-width{
    background-color:pink;
    }

由于我在容器内显示此 div 并且容器宽度为 940 像素，因此宽度无法覆盖浏览器提供的所有宽度。有没有我可以使用的解决方案来获得我想要的东西？我在想 z-index div，但我不太确定。

Answer 1

尝试将粉色条移出容器。在单个容器周围制作一个包装器，这样这个包装器就可以真正具有 100% 的宽度。

JSFiddle http://jsfiddle.net/Y5mB6/

HTML

<div class="container">
    <div class="sixteen columns">
        <h1 class="remove-bottom" style="margin-top: 40px">Skeleton</h1>
        <h5>Version 1.2</h5>
        <hr />
    </div>
</div>
<div class='wrapper'>
    <div class="container">            
        <div class="sixteen columns">
            <p>hello world</p>
        </div>
    </div>
</div>
<div class="container"> 
    <div class="one-third column">
        <h3>About Skeleton?</h3>
...

CSS

.wrapper{
    background-color:pink;      
}