title: second element to fill remaining vertical space
body: <p>I have a container with fixed height.</p>
  
  <p>The container has 2 paragraphs.</p>
  
  <p>I want the first <code>p</code> to have a dynamic height (with min-height and max-height) depending on it's content and the second p to take up the remaining vertical space.</p>
  
  <p>e.g in <a href="http://jsfiddle.net/danield770/ryZvL/" rel="nofollow">this fiddle</a>: I want the pink p to fill the remaining yellow space, and to shrink accordingly when the first p element grows.</p>
  
  <p>I have seen how to get a div to fill up horizontal space (ie with a <code>bfc</code> - block formatting context) but I cant seem to find a css solution for a vertical filler.</p>
  
  <p>If this can't be done with css i'd like to know how to do this with jquery.</p>
  
  <p>Thanks.</p>