calc()函数:动态计算长度值
注意:
1、运算符前后都需要保存一个空格,例如:height: calc(100vh - 110px);
2、任何长度值都可以使用calc()计算
3、支持加减乘除运算,使用标准的数学运算优先级规则
组件高度占页面100%
::v-deep .el-menu{
// 设置组件高度100vh,可以使组件占页面100%
// 这里需要减去顶部导航栏的高度,所以使用calc()
height: calc(100vh - 110px);
}
版权声明:本文为asfcyg原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。