title: How to make a div max height equal to the screen height?
body: <p>See a screenshot from Trello:</p>
  
  <p><a href="https://i.stack.imgur.com/R5C4p.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/R5C4p.png" alt="Trello screenshot"></a></p>
  
  <p>How have they managed to make the "widget" to be max of the screen height? and scroll it if it is too high?</p>
  
  <p>I tried <code>max-height: 100%</code> but this does not work.</p>
  
  <p>Here there is a complete code (which does not work as I expect): <a href="http://jsfiddle.net/3erc7f0L/" rel="nofollow noreferrer">http://jsfiddle.net/3erc7f0L/</a></p>