问Calc()输出意外值

EN

我想要做的是通过calc(var(--grid-item-width) * 1.6)使#grid height达到#grid width的160%，但是--grid-item-width似乎被视为视口宽度的百分比，而不是像素值。

#grid的高度远远大于其宽度的160%，如下面的截图所示。

:root {
  --gap: 26px;
  --grid-item-width: calc(100% - calc(var(--gap) * 4));
}

#grid {
  width: 100%;
  height: var(--grid-item-width); /* does not match */
  overflow-x: auto;
  display: grid;
  grid-gap: var(--gap);
  grid-auto-flow: column;
  grid-auto-columns: var(--grid-item-width); /* does not match */
}

​

​

当我将--grid-item-width的值打印到console时，它返回calc(100% - calc( 26px * 4))，这显然没有帮助。

关于MDN上的calc()的注释之一是：

在自动和固定布局表格中，涉及表格列、表格列组、表格行、表格行组和表格单元格的宽度和高度百分比的

数学表达式可以被视为已指定auto。

这就是 calc(var(--grid-item-width) * 1.6) 在这种情况下出现意外输出的原因吗？