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;
}
亲自试一试 »
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 |
语法
calc(expression)
| 值 | 描述 |
|---|---|
| expression | 必需。数学表达式。结果会用作属性值。 可使用如下运算符：+ - * / |
