css3 calc在不同场景下的使用

问题描述

calc(100vh - 50px) 到页面变成了50vh。只有写行内才会生效。

解决办法

经过百度，发现calc在普通方式下，在less和sass下都不一样。
普通方式：height:calc(100% - 50px);
less：height: calc(~“100vh - 50px”);
less使用变量：width: calc(~“100vw - @{left-Width}”)
sass：height: calc(100vh - #{$navbarHeight}); ps：sass具体怎么定义变量，百度。