获取页面剩余高度

CSS3的相对长度单位

单位	效果
em	相对长度单位；相对于当前对象内文本的字体大小。一般浏览器字体大小默认为16px，1em=16px
rem	相对于根元素的字体大小
vw	viewpoint width，视口宽度，100vw=视口宽度的100%
vh	viewpoint height，视口高度，100vh=视口高度的100%
vmin	选取vw和vh中最小的那个，即在手机竖屏时，1vmin=1vw
vmax	选取vw和vh中最大的那个，即在手机竖屏时，1vmax=1vh

calc() 函数:动态计算长度值

1. 运算符前后都需要保留一个空格，例如：width: calc(100% - 100px)；
2. 支持 “+”, “-”, “*”, “/” 运算；
3. 使用标准的数学运算优先级规则；

#content {
    height:  calc(100vh - 72px - 44px);
   }