css样式宽高计算方法calc()的注意事项

在css样式中,计算宽高是常用的方法,不过人们大多是计算好后直接布局,但设计动态布局时,就难免要用到calc() 方法了

不过使用时如果不注意,很容易出现宽高无效情况,如:
width:calc(100vh-40px);
这种写法就是无效的。
而出现这个问题的主要原因就是运算符两侧没有留空格,正确写法应该是:width:calc(100vh - 40px);

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

参考:https://www.runoob.com/cssref/func-calc.html

posted @ 2021-11-03 17:01  我超凶的  阅读(431)  评论(0编辑  收藏  举报