代码之家 › 专栏 › 技术社区 › john c. j.

计算函数不适用于求幂

css

john c. j. · 技术社区 · 5 年前

这个问题已经有了答案:

问题很简短:

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

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

Chrome说它不是有效值。为什么?

(还有别的方法吗? exponentiation ,它基于元素宽度, () ?)

2 回复 | 直到 5 年前

Etheryte 5 年前

覆盖 in the MDN docs ,在中使用乘法时 calc() ,其中至少一个值必须是 number :整数或浮点数,但无单位。

这意味着这些是有效值:

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

这些不是:

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

Muhammad Umer 5 年前

*

在乘法中。至少一个参数必须是数字

两者都是百分比而不是数字。你可以添加它们。

.box {
    padding-left: calc(15% + 10%);
}

推荐文章

YunusoviÄ · 我无法用css更改html段落颜色

1 年前

Blake · 无法使用CSS旋转Angular 15中的字体图标

1 年前

Maarten -Monica for president · 将图像放在锚点标记内时调整网格中的图像大小

1 年前

Phil Lucks · 如何制作边界的外半径?

1 年前

roy_meir · 创建自定义下拉式元素

1 年前

Community wiki · 如何为触摸设备优化网站

1 年前

Paras Chandravanshi · 为什么<ul>没有从其父<p>元素继承?

1 年前

tpetzoldt · 如何在有光泽的情况下抑制图像的抗锯齿?

1 年前

boyenec · 反应如何将css样式应用于我从api respose获得的页面的spcifc部分

1 年前

manofconstsorrow · 点击导航项目关闭汉堡菜单

1 年前