Как сделать скролл на оставшуюся часть экрана после хедера?

Question

[dro1d]

Есть такой пример https://jsfiddle.net/gxw63zLm/1/
1. Если в примере высота окна больше, чем высота content, main растягивается на всю оставшуюся часть высоты экрана.
2. Если высота окна меньше, чем высота content, main принимает длину content, и появляется скролл по всей странице:

Вопрос: Как сделать так, чтоб в ситуации 2 блок main занимал только оставшуюся часть экрана после header, а весь content прокручивался скролом внутри main:

По сути, необходимо, чтоб высота main всегда имела следующее значение : высота окна - высота header.

Answer 1

[GreatRash]

codepen.io/GreatRash/pen/rrWRzy

Comments

[dro1d]

Спасибо