​CSS3中calc()如何使用

​CSS3中calc()如何使用

这篇文章主要介绍了CSS3中calc()如何使用，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

CSS3 calc() 的使用

calc() 用法类似于函数，能够给元素设置动态的值：

/* basic calc */  .simpleBlock {   width: calc(100% - 100px);  }    /* calc in calc */  .complexBlock {   width: calc(100% - 50% / 3);   padding: 5px calc(3% - 2px);   margin-left: calc(10% + 10px);  }

感谢你能够认真阅读完这篇文章，希望小编分享的“CSS3中calc()如何使用”这篇文章对大家有帮助，同时也希望大家多多支持高防服务器网，关注高防服务器网行业资讯频道，更多相关知识等着你来学习!

[微信提示：高防服务器能助您降低 IT 成本，提升运维效率，使您更专注于核心业务创新。

[图文来源于网络，不代表本站立场，如有侵权，请联系高防服务器网删除]
[