title: divs with scrollbars in div with fixed size
body: <p>I basically have a layout like this:</p>
  
  <pre><code>&lt;body&gt;
      &lt;div style="height: 150px; width: 200px; background: green"&gt;
        &lt;div style="overflow: auto; max-height: 100px; background: blue"&gt;
          some content &lt;br/&gt;
          some content&lt;br/&gt;
          some content&lt;br/&gt;
          some content&lt;br/&gt;
          some content&lt;br/&gt;
          some content&lt;br/&gt;
          some content
        &lt;/div&gt;
        &lt;div style="overflow: auto; background: red"&gt;
          some more content&lt;br/&gt;
          some content&lt;br/&gt;
          some content&lt;br/&gt;
          some content&lt;br/&gt;
          some content
        &lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>Now, I want the second div to fill all remaining height of the parent div and show the scroll bar if more space is needed. How can I achieve this?
  Currently, the second div never shows a scroll bar and just uses the space it needs, even if that will exceed the parents total height...</p>
  
  <p><strong>UPDATE:</strong><br>
  Please test the solution you provide :-)</p>