例
使用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 | 16.0 4.0 -moz- | 7 6.0 -webkit- | 15.0 |
CSS语法
calc( expression )
| 值 | 描述 |
|---|---|
| expression | 需要。 一个数学表达式。 结果将被用作值。 以下运算符可以使用：+ - * / |
<CSS函数参考