How to make a div fill the height until the next absolutely positioned element
<p>How to make a div fill the whole height between top of parent to top of next absolutely bottom-positioned element ?</p>

<p>See codepen here: <a href="http://codepen.io/LouisDoe/pen/vGLJVB" rel="nofollow">http://codepen.io/LouisDoe/pen/vGLJVB</a></p>

<pre><code>&lt;div class="wrapper"&gt;
  &lt;div class="maxHeight"&gt;
    blabla
  &lt;/div&gt;
  &lt;div class="content"&gt;
     &lt;div&gt;row 1&lt;/div&gt;
     &lt;div&gt;row 2&lt;/div&gt;
     &lt;div&gt;row 3&lt;/div&gt;  
  &lt;/div&gt;
&lt;/div&gt;   
</code></pre>

<p>css:</p>

<pre><code> .content { position:absolute; bottom:0; width:100%; }
</code></pre>

<p>I'd like to make  </p>

<pre><code> &lt;div class="maxHeight"&gt;
 &lt;/div&gt;
</code></pre>

<p>the full available height.</p>

<p>Thanks</p>