​CSS3中calc()如何使用

2023-05-22,

这篇文章主要介绍了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()如何使用”这篇文章对大家有帮助,同时也希望大家多多支持本站,关注本站行业资讯频道,更多相关知识等着你来学习!

《​CSS3中calc()如何使用.doc》

下载本文的Word格式文档,以方便收藏与打印。