‹‹ 上一主题 | 下一主题 ››
发新话题
打印

CSS calc() 函数

xiexie

超级版主

Rank: 8Rank: 8

UID
3 
帖子
1018 
精华
1 
积分
10 
阅读权限
150 
在线时间
366 小时 
注册时间
2008-10-22 
最后登录
2024-4-22 
1# 大 中 小 发表于 2020-8-7 13:13  只看该作者

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() 函数用于动态计算长度值。

  • 需要注意的是，运算符前后都需要保留一个空格，例如：width: calc(100% - 10px)；
  • 任何长度值都可以使用calc()函数进行计算；
  • calc()函数支持 "+", "-", "*", "/" 运算；
  • calc()函数使用标准的数学运算优先级规则；

TOP

‹‹ 上一主题 | 下一主题 ››
发新话题