css - Calc 函数不适用于求幂

Question

问题很短:

由于某种原因，calc()函数在我的情况下不起作用。

<style>
body {
    padding-left: calc(1% * 1%);
}
</style>

Chrome 表示该值无效。为什么？

(是否有另一种方法可以使用 exponentiation ，它基于元素宽度，与 calc() 一起使用？)

Answer 1

如所涵盖的in the MDN docs ，在 calc() 中使用乘法时，至少有一个值必须是 number :整数或 float ，但无单位。

这意味着这些是有效值:

calc(1% * 2);
calc(3 * 10px);

这些不是:

calc(1% * 1%);
calc(10px * 10px);