浅析CSS中calc()的如何使用

人来到这世界后,命运注定了他必须要拼搏,奋斗,坚持,勇敢地走下去,走出属于自己的道路,没有人能不劳而获。

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

再来看看怎么使用

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

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

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

本文浅析CSS中calc()的如何使用到此结束。要铭记在心:每天都是最美好的日子。小编再次感谢大家对我们的支持!

您可能有感兴趣的文章
css让页脚保持在底部位置的四种方案

CSS如何使用Flex和Grid布局如何实现3D骰子

Flex布局史上最简单使用语法教程

新的CSS 伪类函数 :is() 和 :where()示例详解

纯CSS打字动画的如何实现示例