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

分类: IT文章 • 2022-07-26 12:36:03

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

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

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