title: Make children expand to parent's width when overflow is set to scroll
body: <p>I have the following problem:</p>
  
  <p><a href="https://jsfiddle.net/txkqd6tr/" rel="nofollow">Here a link to JsFiddle</a></p>
  
  <p>And here the sources again:</p>
  
  <pre><code>&lt;div class="folder_browser_panel_item"&gt;
    &lt;div class="folder_browser_panel_item_head"&gt;
  
    &lt;/div&gt;
    &lt;div class="folder_browser_panel_item_content"&gt;
      Foo Foo Foo Foo Foo Foo Foo Foo Foo Foo Foo Foo Foo Foo Foo
    &lt;/div&gt;
  &lt;/div&gt;
  
  .folder_browser_panel_item {
    height: 330px;
    width: 200px;
    overflow-x: scroll;
  }
  
  .folder_browser_panel_item_head {
    background: red;
    height: 100px;
  }
  
  .folder_browser_panel_item_content {
    background: black;
    width: 400px;
    height: 200px;
    color: white;
  }
  </code></pre>
  
  <p>here you can see a container div, containing 2 other divs. The container itself has the overflow property set to scroll. 
  The second div in this container has a higher width that the container so scrollbars are visible and I am able to scroll.
  And if I scroll, the first div didn´t expand, it remains on the width of the container.
  But I like the first div to expand. I like that the background color of the first div can be seen even if I scroll...</p>
  
  <p>And I know it would be possible to set the background of the container to red, but I like to know whether there is another way.</p>
  
  <p>Thanks a lot for your help!</p>