我的JS如何实现footer居底？

Question

我想要的效果：当main的内容小于浏览器窗口的时候，footer在浏览器窗口的底部;当main的内容大于浏览器窗口的时候，footer在页面底部。
我的页面是这样的

我的思路是这样的，用 window.innerHeight 获取浏览器窗口的高度，用它减去html的高度，如果为正，就把 （浏览器窗口的高度-footer-header）得到的值 做为main的高度。如果为负，就什么都不考虑，正好正常流可以让footer在页面底部。 如果我写的不能理解可以看下面的JS代码

这是我的JS，但是写到添加style属性就不会写了

1. 1这样子可以实现，我更改浏览器窗口大小时，部局也随着响应吗？

2. （window.innerHeight）可以实时的获取浏览器窗口的值吗？

3. 如何添加style属性？