less中calc（100px - 36px）不起作用

今天在项目中使用计算属性calc（100px - 36px）

height:calc(100% - 36px)

 

发现在浏览器变成calc(64%)。

百度了一下，发现我这是less，所以必须得用less自己的格式用'~'包起来。如下就可以了

height:calc(~"100% - 36px")

参考:https://blog.csdn.net/a1056244734/article/details/106410000/

 

2.滚动条的样式修改

参考: 【CSS】滚动条样式的优化