CSS calc() 函数
示例
使用 calc() 计算 <div> 元素的宽度
#div1 {
position: absolute;
left: 50px;
width: calc(100% - 100px);
border: 1px solid black;
background-color: yellow;
padding: 5px;
text-align: center;
}
自己动手试一试 »
定义和用法
calc() 函数执行一个计算，该计算将用作属性值。
| 版本 | CSS3 |
|---|
浏览器支持
表中数字表示该函数完全支持的第一个浏览器版本。
后面带有 -webkit-、-moz- 或 -o- 的数字表示支持该属性的第一个版本（带前缀）。
| 函数 | |||||
|---|---|---|---|---|---|
| calc() | 26.0 19.0 -webkit- |
9.0 | 16.0 4.0 -moz- |
7.0 6.0 -webkit- |
15.0 |
CSS 语法
calc(表达式)
| 值 | 描述 |
|---|---|
| expression | 必需。一个数学表达式。结果将被用作值。 可以使用以下运算符： + - * / |
