您现在的位置是：网站首页> 编程资料编程资料
浅析CSS中calc()的使用CSS3 calc()会计算属性详解详解CSS 3 中的 calc() 方法浅谈css3中calc在less编译时被计算的解决办法CSS3 Calc实现滚动条出现页面不跳动问题 CSS3的calc()做响应模式布局的实现方法使用CSS3中的calc()属性来以算式表达尺寸数值初探CSS3中的calc()功能巧用CSS3的calc()宽度计算做响应模式布局的方法
2023-10-22
239人已围观
简介 这篇文章主要介绍了浅析CSS中calc()的使用的相关资料,需要的朋友可以参考下
calc()是css3中新出现的特性，可以用于动态计算，非常方便。首先是兼容性
再来看看怎么使用
CSS Code复制内容到剪贴板
- html{
- font-size: 20px;
- }
- div{
- width: calc(50% - 1px);
- height: calc(100px + 1rem);
- }
要注意的是，计算符号两边需要留空格。
以上所述是小编给大家介绍了CSS中calc()的使用的相关内容，希望对大家有所帮助！
