title: Making a vertically scrolling parent div which does not cause overflow of children
body: <p>I have something as follows:</p>
  
  <pre><code>&lt;div style="float: left; height: 20px; overflow-y: scroll"&gt;
    &lt;div&gt;hello this is a test&lt;/div&gt;
    &lt;div&gt;hello this is another test&lt;/div&gt;
    &lt;div&gt;t1&lt;/div&gt;
    &lt;div&gt;t2&lt;/div&gt;
    &lt;div&gt;t3&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The parent div grows to the appropriate width to fit the largest child (which is what I want).  However, the vertical scrollbar causes the inner width to be smaller, which causes the largest child to wrap.</p>
  
  <p>Is there a way to get the parent to grow to the width of the largest child + the width of the scroll bar? I've tried every margin trick I know, but nothing.</p>