calc() function allows you to perform calculations when specifying CSS property value.
It’s particulary interesting if you need to do some evaluations with different units
Nice thing it’s supported by all major browsers
Now footer might be implemented in easy way, instead of looking for hacks with negative margins
And HTML part is simple as this:
You may notice
vh unit at rules for
body. That’s awasome units!
You can find some info about
vw in the article