title: DIv filling remaing vertical space, even with div above has dynamic height?
body: <p>Here is my fiddle:</p>
  
  <p><a href="http://jsfiddle.net/nom4mxLt/" rel="nofollow noreferrer">http://jsfiddle.net/nom4mxLt/</a></p>
  
  <pre><code>&lt;div id="wrapper"&gt;
      &lt;div id="yellow"&gt;variable height (I put 200px but can change in realtime)&lt;/div&gt;
      &lt;div id="red"&gt;This one should fill all remaining space, even when yellow resizes&lt;/div&gt;
  &lt;/div&gt;
  
  html, body {
      width:100%;
      height:100%;
      margin:0;
  }
  #wrapper {
      width:100%;
      height:100%;
      position:relative;
  }
  #yellow {
      width:100%;
      height:200px;
      background-color:yellow;
  }
  #red {
      position:absolute;
      top:200px;
      bottom:0;
      min-height;250px;
      left:0;
      width:100%;
      background-color:red;
  }
  </code></pre>
  
  <p>This works good when yellow bar has static height, which is not the case in my work.</p>
  
  <p>(without using JS please !)</p>