Modern way to markup 100% height layout in HTML5 and CSS3

Question

I\'ve been away from marking up sites for some time. So, now we have HTML5 and a lot of new features in CSS. I have a common site layout with fixed size header and footer. And o

Answer 1

So far nobody mentioned the flex-box method

https://jsfiddle.net/55r7n9or/

  
hdr
  
main
  
foot