Как в HTML+CSS задать высоту на 100% относительно родительского блока?

Question

[eldar_web]

Вот пример: codepen.io/anon/pen/YNBoWE
Есть общий блок wrapp, который height: 100%, который охватывает всю страницу (а не выходит за границы).
А внутри этого блока есть header с высотой 70px и main с высотой 100%.
Вот меня интересует main.
Я хочу чтобы он закрывал оставшуюся часть, а не переходил границы (учитывая header 70px) - то есть, там вы можете увидеть скроллинг вниз.
Как делать так, чтобы main заполнил оставшуюся часть?
Без использования calc()

Answer 1

[Aleksey Chernikov]

С помощью flexbox например так

Answer 2

[Islam Ibakaev]

чуть больше флексбокса https://codepen.io/dagman/pen/zNbONX