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