Setting 100% height on an absolutely positioned element when the content expands past the window size

Question

So after reading Stack Overflow and the web, I\'ve gathered that there are two main tricks to achieving 100% height:

1. Set height:100% on both the HTML and BODY

Answer 1

You can use jQuery to achieve this trick

var h = $(window).height();
$('#yourdiv').height(h);