title: Vertical Scrollbar Causes Horizontal Scrollbar
body: <p>There seems to be a similar question to this, and it was resolved by adding padding-right. However, in my case, that won't work because I don't know the width for any of my div until contents are rendered at run time via ajax call.  I have something similar to this</p>
  
  <p>Assuming below pseudocodes are syntactically correct.</p>
  
  <pre><code>&lt;div id="parent"&gt;
      &lt;div id="child1"&gt; Lots of contents &lt;/div&gt;
      &lt;div id="child2"&gt; Lots of contents &lt;/div&gt;
  &lt;/div&gt;
  
  #parent {
      overflow: auto;
      max-width: 600px;
  }
  #child1 , #child2 {
      display: inline-block;
      max-width: 300px;
  }
  </code></pre>