title: Several divs to divide outer div height and fill it
body: <p>I have several divs and i need them to fill content height so that every div has the same height. Their height must respond to browser window resizing, so it can't be fixed. Number of divs can vary between 7 and 12.
  I don't know if this can be done with pure css or jquery must be involved.</p>
  
  <p>Before:<br>
  <a href="http://imageshack.us/a/img14/9964/23446096.jpg" rel="nofollow noreferrer">original divs http://imageshack.us/a/img14/9964/23446096.jpg</a>  </p>
  
  <p>After:<br>
  <a href="http://imageshack.us/a/img42/9183/76164750.jpg" rel="nofollow noreferrer">resized divs http://imageshack.us/a/img42/9183/76164750.jpg</a></p>