我是在 calc() 中使用 CSS 变量的新手，所以如果这很明显，请原谅我，但我正在尝试执行以下计算，并且终生无法弄清楚为什么它不起作用：
$h2-font-size: 21px;
--padding-top: calc(#{$h2-font-size}/3);
--padding-bottom: calc(#{$h2-font-size}/var(--padding-top));
padding-top: var(--padding-top);
padding-bottom: var(--padding-bottom);
第一部分计算 OK（即--padding-top: calc(#{$h2-font-size}/3);）正确计算7并填充该 OKpadding-top:值。
但是，该padding-bottom:值计算为0。
知道我哪里出错了吗？
最初我想知道是否是因为我使用了一个sass变量，但如果这是我预期--padding-top:失败的问题......但事实并非如此。
我注意到，如果我不向 font-size 添加 px 值，并将 font-size 放在 CSS 变量之后，那么我确实会得到一个返回值（尽管是我需要的错误数字）：
--padding-bottom: calc(var(--padding-top)/21); = 0.3333333
但是，如果我尝试交换顺序以进行正确的计算，我会得到0：
--padding-bottom: calc(21/var(--padding-top));
我知道我还有很多东西要学，但我希望有人可以帮助我朝着正确的方向前进！
谢谢