集裝箱內可能的最大寬度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

回答

相關問題