代码之家 › 专栏 › 技术社区 › 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%);
}

推荐文章

Jamie · 在CSS链接的文件名中添加Jinja占位符

4 月前

Mass · 如何在Tailwind CSS v4中创建配置

4 月前

magenta placenta · 将css变量合并为一个变量

4 月前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

4 月前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

4 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

4 月前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

4 月前

Ben Halicki · 带有垂直和水平滚动条的表,使用HTML/CSS/Bootstrap-5固定行和列

4 月前

Luckkks · 过渡色工作不正常

4 月前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

4 月前