集装箱内可能的最大宽度div

我正在使用骨架css框架，我需要一些div来占用最大宽度，类似于SO如何在div中保存搜索输入框。我有这个小提琴http://jsfiddle.net/pRmus/1/显示一个简单的DIV我做集装箱内可能的最大宽度div

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

因为我是显示这个div容器内，容器宽度为940px，宽度不能涵盖所有的宽度浏览器offers.Is有一个解决方案，我可以我用它来得到我想要的东西我在考虑Z-index，但我不太确定。

来源

2012-07-09 Gandalf

尝试移动容器外面的粉红色条。围绕单个容器制作一个包装，因此该包装实际上可以具有100％的宽度。

的jsfiddlehttp://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;  
}

来源

2012-07-09 19:08:58 tb11

我曾经尝试过类似的解决方案，但第一个容器外，它的工作，但你的是更好，因为我可以用它在里面就像我的面包屑div。在你的小提琴中，粉红色的div超出了容器，但不够远，如果你看到它在jsfid之外DLE。 – Gandalf 2012-07-09 19:22:16

JSFiddle限制它，这只是JSFiddle如何工作的一部分。尝试在您的网站上看到。它应该工作正常。目前，包装div取其父级的宽度。如果您提供的HTML没有其他父级HTML元素，则包装将占用100％的浏览器屏幕宽度。 – tb11 2012-07-09 19:28:36

我相信你。我链接的CSS文件有问题。它现在工作正如你所说，当我使用原始骨架1.2 CSS文件。谢谢。 – Gandalf 2012-07-09 19:31:37

集装箱内可能的最大宽度div

回答

相关问题