title: Enable scrolling of children when the body is set `overflow: hidden`?
body: <p>I have a following html. How can I enable scrolling of the <code>innerDiv</code>? </p>
  
  <pre><code>&lt;html&gt;
  &lt;body style="overflow: hidden; margin:0; padding:0; width: 100%; height: 100%;"&gt;
      &lt;div id="innerDiv"&gt;
          H &lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;
          I&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;
          !&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;
          &lt;p&gt; Can you see me? &lt;/p&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I have tried setting <code>#innerDiv { overflow: scroll }</code>, but what it does is no more than adding a empty scrollbar on the right. </p>
  
  <p>//Edit: the height of innerDiv is not fixed.</p>