How to make div occupy remaining height?

Question

I have this problem, I have two divs:

<         


        
      

Answer 1

Since you know how many pixels are occupied by the previous content, you can use the calc() function:

height: calc(100% - 50px);