CSS calc()函數

了解如何使用CSS calc()函數

calc()函數可讓您對值執行基本的數學運算,當您需要從百分比中添加或減去長度值時,此功能特別有用。

它是這樣工作的:

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

它返回一個長度值,因此可以在期望像素值的任何地方使用。

你可以表演

  • 附加使用+
  • 減法使用-
  • 乘法使用*
  • 除法使用/

一個警告:加減法運算符周圍的空間是強制性的,否則將無法按預期工作。

例子:

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

免費下載我的CSS手冊


更多CSS教程: