Calc（）函数在CSS中的另一个calc（） [英] Calc() function inside another calc() in CSS

问题描述

如何在另一个CSS calc函数中使用CSS calc函数？根据这篇文章（ https://developer.mozilla.org/en-US/docs/ Web / CSS / calc ），这是可能的，但没有这样的例子。

How do I use a CSS calc function inside another CSS calc function? according to this post ("https://developer.mozilla.org/en-US/docs/Web/CSS/calc") it is possible but there is no example of that.

推荐答案

可以在另一个calc（）中使用calc（）。

It is possible to use calc() inside another calc().

例如：

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*/
}

这篇关于Calc（）函数在CSS中的另一个calc（）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！