title: Have children automatically expand a horizontal scrolling div
body: <p>I have what I want <a href="http://jsfiddle.net/seB5F/375/" rel="nofollow">here</a>, however I must manually enter the width. I want to have a parent container that will hold the stretchable div that contains child divs.  The parent container is a fixed size.  I need the stretchable div to be large enough to horizontally contain the child divs. Setting the stretchable div to width auto does not work and I do not want to manually set the size.  Is there another option besides manually setting the size?</p>
  
  <pre><code>#parent{
      width:50%;
      height:200px;
      background:red;
      overflow-x: scroll;
      overflow-y: hidden;
  }
  
  #stretchable-div{
      background:darkblue;
      /* width: 600px; works but don't want to manually size*/
      width: auto;
  }
  
  .child {
     background:blue;
     width: 100px;
     height: 150px;
     float:left;
  }
  </code></pre>