CSS calc()函数的使用方法

学习如何使用CSS的calc()函数

calc() 函数可以让你对数值进行基本的数学运算，当你需要从百分比中添加或减去一个长度值时，它尤其有用。

它是这样工作的。

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

它返回一个长度值，所以它可以用在任何你期望得到像素值的地方。

你可以用

• 使用加法+
• 使用减法-
• 使用乘法*
• 使用除法/

有一点需要注意的是：对于加法和减法，运算符周围的空格是必须的，否则就不能正常工作。

例子。

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

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