CSS calc()函数

calc()函数允许对值执行基本的数学操作，当需要从百分比中添加或减去长度值时，它特别有用。

它是这样工作的:

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

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

您可以执行:

• 增加使用+
• 减少使用,
• 乘法使用*
• 除法使用/

需要注意的是:对于加法和减法，操作符周围的空格是必须的，否则它不能按预期工作。

例：

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

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