码迷,mamicode.com
首页 > 其他好文 > 详细

纪念一下发现 calc 的激动人心的日子!

时间:2018-08-09 17:43:14      阅读:143      评论:0      收藏:0      [点我收藏+]

标签:bubuko   运算   col   class   分享图片   inf   img   使用   图片   

 

width/hetght : calc(100%  -  50px);

 

十分适用于顶部或底部固定的布局!!!

 

calc属于css属性,能实现自适应的布局,动态计算长度值。

 

 

需要注意的地方:运算符前后都需要保留一个空格,例如:width: calc(100% - 10px)

任何长度值都可以使用calc()函数进行计算;

calc()函数支持 "+", "-", "*", "/" 运算;

calc()函数使用标准的数学运算优先级规则;

 

盗的图------>

技术分享图片

 

纪念一下发现 calc 的激动人心的日子!

标签:bubuko   运算   col   class   分享图片   inf   img   使用   图片   

原文地址:https://www.cnblogs.com/yangyuzhuo/p/9449428.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!