容器div内可能的最大宽度

时间:2012-07-09 19:01:03

标签: css

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

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

由于我在容器内显示此div并且容器宽度为940px,因此宽度无法覆盖浏览器提供的所有宽度。是否有解决方案我可以使用它来获得我想要的东西?。我在想z-该div的索引,但我不太确定。

1 个答案:

答案 0 :(得分: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;      
}