css - CSS中另一个calc()内部的calc()函数

如何在另一个CSS calc函数中使用CSS calc函数？根据这个post可以，但是没有示例。

最佳答案

一个例子:

div{
  width: calc(100% - (1% + 30px));/* calc(1% + 30px) is nested inside calc()*/
}
div p{
  width: calc(100% - 30px);/*100% is total width of the div*/
}

使用css变量更新nested calc:

.foo {
  --widthA: 100px;
  --widthB: calc(var(--widthA) / 2);
  --widthC: calc(var(--widthB) / 2);
  width: var(--widthC);
}

因此，当前规范也使用calc()中的括号嵌套calc来证明这一点。

了解有关css变量here的更多信息。

关于css - CSS中另一个calc()内部的calc()函数，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/27597034/