CSS 数学函数
CSS 数学函数允许将数学表达式用作属性值。在这里，我们将解释 calc(), max() 和min() 功能。
calc() 函数
这 calc() 函数执行计算以用作属性值。
CSS 语法
计算（表达)
| 价值 | 描述 |
|---|---|
| 表达 | 必填项。数学表达式。结果将用作值。 可以使用以下运算符：+ - * / |
让我们看一个例子：
例子
使用 calc() 计算<div>元素：
#div1 {
位置：绝对；
左边：50px；
宽度：计算（100％ - 100px）；
边框：1px 实心黑色；
背景颜色：黄色；
填充：5px；
}
亲自尝试 »
max() 函数
这 max() 函数使用以逗号分隔的值列表中的最大值作为属性值。
CSS 语法
最大限度（值1, 值2, ...)
| 价值 | 描述 |
|---|---|
| 值1, 值2, ... | 必填。逗号分隔值的列表 - 选择最大值 |
让我们看一个例子：
min() 函数
这 min() 函数使用以逗号分隔的值列表中的最小值作为属性值。
CSS 语法
分钟（值1, 值2, ...)
| 价值 | 描述 |
|---|---|
| 值1, 值2, ... | 必填。逗号分隔值的列表 - 选择最小值 |
让我们看一个例子：
所有 CSS 数学函数
| 功能 | 描述 |
|---|---|
| 计算() | 允许您执行计算来确定 CSS 属性值 |
| 最大限度（） | 使用逗号分隔的值列表中的最大值作为属性值 |
| min() | 使用逗号分隔的值列表中的最小值作为属性值 |
