我正在一个前开发人员使用过的项目中
.main-sidebar {
height: calc(100vh);
}
我无法再与他/她联系，我想了解两种方法之间的区别（如果有）。
（这是问这个问题的正确地方吗？）
答案 0 :(得分：3)
VH 高度：100vh；该元素的平均高度等于视口高度的100％。
示例： 高度：50vh； 如果屏幕高度为1000像素，则元素高度将等于500像素。 （1000像素的50％）
CALC 高度：calc（100％-100px）;将通过元素的使用值来计算元素的大小
示例： 高度：calc（100％-100px）; 如果屏幕高度为1000像素，则元素高度将等于900像素。 （1000像素的100％减去100像素）
**我认为您的前开发人员如果不想计算值，则无需使用calc（）。
答案 1 :(得分：3)
使用calc（）CSS函数，您可以在指定CSS属性值时执行计算
您可能想参考这个 https://www.w3schools.com/cssref/tryit.asp?filename=trycss_func_calc
（前开发人员使用此功能的原因可能是，他通常在各处使用它，之后添加计算会更容易）
答案 2 :(得分：2)
基本上calc（）函数允许将具有加法（+），减法（-），乘法（*）和除法（/）的数学表达式用作分量值。
现在，这两种情况都与您未使用任何计算相同。因此您可以使用高度：100vh
答案 3 :(得分：1)
没有区别，因为每当计算表达式calc(100vh)时，它总是以100vh结尾。
答案 4 :(得分：0)
一个常见的用例是，首先他减去了标题或任何其他元素。 calc（100vh-80px）。