How can an html element fill out 100% of the remaining screen height, using css only?

Question

I have a header element and a content element:

#header
#content

I want the header to be of fixed height and the content to fill up all the

Answer 1

In this instance I want my main content div to be liquid height so that the whole page takes up 100% of the browser height.

height: 100vh;