css3中的width：100vh和calc（100vh + 10px）

• vh/vw

　　vh：相对于窗口的高度，将窗口分为100个单位vh； vw ：相对于窗口的高度窗口宽度是窗口分为100个vw单位；

　　vmax：相对于窗口的宽度或高度，以较大值为准。最大分为100个vmax单元；
　　vmin：与切口的宽度或高度成比例变小。最小分为100个单位的vmin；
　　查看区域 指浏览器内可见区域的大小
t。主工具栏和底部工具栏。

• calc

calc是英文单词calculate的缩写。它是 CSS3 的一项新功能，用于确定元素的长度。例如，您可以使用 calc() 为元素的 border、border、padding、font-size 和 width 属性设置动态值。为什么叫动态值呢？因为我们使用表达式来获取值。然而， calc() 的最大优点是它可以在液体布局中使用。元素宽度可以使用 calc() 计算。

calc是css3提供的一个函数，用于计算css文件中的值：

• 用于动态计算长度值。
• 需要注意的是，运算符前后必须预留空间，例如：width: calc(100% - 10px);
• 可以使用 calc() 函数计算任何长度值；函数
• calc( )支持“+”、“-”、“*”、“/”运算；函数
• calc() 使用数学运算的标准优先级规则；

calc(100vh - 10px)  表示整个浏览器窗口高度减去10px的大小
calc(100vw - 10px)   表示整个浏览器窗口宽度减去10px的大小

以上是宽度：100vh和计算（在css3中100vh + 10px）。