我正在使用骨架css框架,我需要一些div来占用可能的最大宽度,就像SO在div中持有搜索输入框的方式。我有这个小提琴http://jsfiddle.net/pRmus/1/显示一个简单的div我做了
.all-width{
background-color:pink;
}
由于我在容器内显示此div并且容器宽度为940px,因此宽度无法覆盖浏览器提供的所有宽度。是否有解决方案我可以使用它来获得我想要的东西?。我在想z-该div的索引,但我不太确定。
答案 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;
}