How to force child div to be 100% of parent div's height without specifying parent's height?

Question

I have a site with the following structure:

  

  <         


        
      

Answer 1

Here old fashion demo based on position: absolute of content container and position: relative of parent container.

As for modern way to do it - flex boxes are the best.