calc()函数

div的高度height为calc(100vh)即可,100vh = 视窗高度的100%

1. div {

2. width: 100%;

3. height: calc(100vh);

4. }

需要注意的是，该方法适合于网页高度等于当前屏幕视窗高度，按实际需求可能还是需要JS的。

em    它是描述相对于应用在当前元素的字体尺寸，所以它也是相对长度单位。一般浏览器字体大小默认为16px，则2em == 32px；
ex    依赖于英文字母小 x 的高度
ch    数字 0 的宽度
rem    根元素（html）的 font-size
vw    viewpoint width，视窗宽度，1vw=视窗宽度的1%
vh    viewpoint height，视窗高度，1vh=视窗高度的1%
vmin    vw和vh中较小的那个。
vmax    vw和vh中较大的那个。