How to make div occupy remaining height?

Question

I have this problem, I have two divs:

<         


        
      

Answer 1

Demo

One way is to set the the div to position:absolute and give it a top of 50px and bottom of 0px;

#div2
{
    position:absolute;
    bottom:0px;
    top:50px
}