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(表达式)
| 值 | 描述 |
|---|---|
| 表达式 | 必需。数学表达式。结果将用作值。 可以使用以下运算符：+ - * / |
