首页 > 开发 > CSS > 正文

浅析CSS中calc()的使用

2024-07-11 08:33:00
字体:
来源:转载
供稿:网友

calc()是css3中新出现的特性,可以用于动态计算,非常方便。首先是兼容性

再来看看怎么使用

CSS Code复制内容到剪贴板
  1. html{        font-size: 20px;   
  2. }    div{   
  3.     width: calc(50% - 1px);        height: calc(100px + 1rem);   
  4. }   

要注意的是,计算符号两边需要留空格。

以上所述是小编给大家介绍了CSS中calc()的使用的相关内容,希望对大家有所帮助!

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表