Html 最大高度：calc（（100vh-80px）和560px）的作用是什么？_Html_Css

Html 最大高度：calc（（100vh-80px）和560px）的作用是什么？

html css

Html 最大高度：calc（（100vh-80px）和560px）的作用是什么？,html,css,Html,Css,我想知道最大高度：calc（（100vh-80px），560px）实际上做了什么，以及为什么我们必须为-添加空间才能使其工作正如我所尝试的，如果-没有空格，它就不起作用我发现它是用css来定义身高的，比如 body{ max-height: calc(( 100vh - 80px) , 560px); } 你的规则 body { max-height: calc((100vh - 80px), 560px); } 目前，is无效CSS，因为calc参数中不允许使用两个或多个值的逗号

我想知道

最大高度：calc（（100vh-80px），560px）

实际上做了什么，以及为什么我们必须为

添加空间才能使其工作

正如我所尝试的，如果

没有空格，它就不起作用

我发现它是用css来定义身高的，比如

body{
 max-height: calc(( 100vh - 80px) , 560px);
}

你的规则

body {
  max-height: calc((100vh - 80px), 560px);
}

目前，is无效CSS，因为calc参数中不允许使用两个或多个值的逗号分隔（无效数字错误）

关于您的另一个问题，运算符周围的空格是区分有符号数字/表达式和减法运算所必需的：

```
+
```
和
```
-
```
运算符必须用空格包围。例如，
```
calc（50%-8px）
```
将被解析为一个百分比，后跟一个负长度-一个无效的表达式-而
```
calc（50%-8px）
```
是一个百分比，后跟一个减法运算符和一个长度。同样地，
```
calc（8px+-50%）
```
被视为长度，后跟加法运算符和负百分比
```
*
```
和
```
/
```
运算符不需要空格，但为了一致性而添加空格是允许的，也是建议的

将更新重复列表以包括max（）列表，但您可以轻松地在谷歌上搜索它：谢谢您的回答我找到了我缺少的内容，我更新了我想知道发生了什么的问题？