css - calc()函数 & 组件高度占页面100%

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版权协议,转载请附上原文出处链接和本声明。