在样式中我常用的就是 height:calc(100% - 10px); 类似这样的，今天刚好碰到 height: calc(100vh);
calc----- 是css3的一个新增的功能，用来指定元素的长度 可以通过calc()计算得到元素的宽度里面可以有表达式calc(100vh)----- 其实我今天也是第一次用vhvh---- vh：视口高度,视窗高度的百分比；vh，是指CSS中相对长度单位，表示相对视口高度(Viewport Height)，1vh = 1% * 视口高度。视口比例长度定义了相对于视口的长度大小，这是文档的可见部分。 当视口的大小被修改(通过更改桌面计算机窗口大小或旋转手机或平板设备的方向)时，只有基于Gecko的浏览器才动态更新视口值vw、vh、vmin、vmax----- 是一种视窗单位，也是相对单位。它相对的不是父节点或者页面的根节点。而是由视窗（Viewport）大小来决定的，单位 1，代表类似于 1%。Viewport---- 视窗(Viewport)是你的浏览器实际显示内容的区域—，换句话说是你的不包括工具栏和按钮的网页浏览器。
具体描述
- vw：视窗宽度的百分比（1vw 代表视窗的宽度为 1%）
- vh：视窗高度的百分比
- vw、vh 优势在于能够直接获取高度，而用 % 在没有设置 body 高度的情况下，是无法正确获得可视区域的高度的，所以这是挺不错的优势。
个人总觉
height: calc(100vh) 这东西就是，把你的div设置成你的显示器的浏览器的所显示的窗口大小，100vh 类似于你的 height: 100% ;即使你的父级并没把高度设置成 100% ，100vh也能把div调成100%
结语
前端react QQ群：
788023830----React/Redux - 地下老英雄前端交流 QQ群：
249620372----FRONT-END-JS前端（我们的宗旨是，为了加班，为了秃顶……，仰望大佬），希望小伙伴们加群一起学习
