Question

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

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

由于我在容器内显示此div并且容器宽度为940px，因此宽度无法覆盖浏览器提供的所有宽度。是否有解决方案我可以使用它来获得我想要的东西？。我在想z-该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;      
}

容器div内可能的最大宽度

1 个答案: