less计算(连续计算,变量计算)

@tabbar-height: 50px;     //Tabbar高度
@navbar-height: 45px;     //Navbar高度
@searchBar-height: 45px;  //SearchBar高度
@tabs-height: 43.5px;     //Tabs高度

/*common const end*/
.tab{
    height: ~"calc(100vh - (@{tabbar-height} + @{navbar-height} + @{searchBar-height} + @{tabs-height}))";
}

注意点:

1,变量一定要用@{}的方式。

2,先把px单位的先加起来再进行连续计算

你可能感兴趣的:(CSS)