3 row with dynamic div heights based on content and container in CSS/HTML

Question

I am trying to create a "window", where there is a \'head\', \'content\' and \'foot\' section, the content in all 3 sections can vary, what I am trying to achieve