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() 函数执行用作属性值的计算。

浏览器支持

表格中的数字注明了完全支持该功能的首个浏览器版本。

-webkit-、-moz- 或 -o- 后面的数字表示使用前缀的首个版本。

CSS 语法

calc(expression)