html - Let the bottom div fill the rest of the page

Question

I have the following structure: image http://images.devs-on.net/Image/4eludampmz3Ylfm6-Bereich.png

I don't know the height of the head but I want the second container to fill the rest of the height.

I found some solutions when I would now the size of the head but I don't. I want that the upper container is fitting to its content while the second container is filling the rest of the window.

How to solve this?

Answer 1

You can use JavaScript/jQuery

var topDivHeight = $("#topdiv").height(),
totalHeight = $(document).height();
$('#bottomDiv').height(totalHeight  - topDivHeight );