Html CSS`高度：计算（100vh）；`Vs高度：100vh`

我正在从事一个项目，前开发人员使用：

.main-sidebar {
    height: calc(100vh);
}

我无法再联系他/她，我想了解这两种方法之间的区别（如果有的话）

---

（这是问这个问题的正确地方吗？

没有区别，因为任何时候计算表达式

calc（100vh）

，它总是以

100vh
结束。一个常见的用例是，首先他减去标题或任何其他元素。
计算（100vh-80px）。
VH

高度：100vh表示此元素的高度等于视口高度的100%

例如：
高度：50vh

如果屏幕高度为1000px，元素高度将等于500px（1000px的50%）

计算

高度：计算（100%-100px）将使用元素的值计算元素的大小

示例：

高度：计算（100%-100px）
如果屏幕高度为1000px，元素高度将等于900px（1000px的100%和-100px）

*我认为您以前的开发人员如果不想计算值，就不需要使用
calc（）
。
基本上，calc（）函数允许使用带有加法（+）、减法（-）、乘法（*）和除法（/）的数学表达式作为组件值

现在在您的情况下，两者都是相同的，因为您没有使用任何计算。因此，您可以使用height:100vh
在指定CSS属性值时，calc（）CSS函数允许您执行计算

你可以参考这个

（前开发人员使用此选项的原因可能是，他习惯于在任何地方都使用此选项，这样以后添加计算就更容易了）
可能的重复项（这不是MDN示例，但它与calc（）的用法相同，只有一个值）。（这是问这个问题的正确位置吗？“是的，别担心。你是说这是因为疏忽删除了“-80px”而不是整个calc（）表达式吗？我同意“Dragomir Dan”我打赌原始值类似于calc（100vh-60px），然后删除了-60px我完全同意，Russell。最有可能的情况应该是这样的！：P