CSS calc() 函数

calc() 函数允许对值执行基本的数学运算，当需要对长值进行百分比加法或减法时特别有用。

div {
	max-width: calc(80% - 100px)
}

它的工作原理是这样的：

div {
	max-width: calc(80% - 100px)
}

这会返回一个长值，因此您可以在需要像素值的任何地方使用它。

你可以：

• 递增使用+
• 递减使用，
• 乘法使用*
• 除法使用/

注意：对于递增和递减，运算符周围需要有空格，否则将无法按预期工作。

示例：

div {
	max-width: calc(50% / 3)
}

div {
	max-width: calc(50% + 3px)
}