如何在 CSS 中设置计算视口单位解决方法？

在 HTML 网页中，当对 CSS 属性应用值时，使用calc()函数进行计算。

句法：

element {

    // CSS property
    property : calc( expression) 
}

属性： calc()函数采用单个表达式形式的参数。该值成为表达式的结果。甚至表达式 be 多个运算符的组合也遵循标准的优先级规则。

• + 添加
• – 减法
• * 乘法。任何参数都应该是一个数字
• / 分配。右边应该是一个数字

编写语法时必须小心，并且必须注意以下几点。

1. +和–运算符必须用空格包围，即 height(100%-30px) 被认为是无效的，但 height(100% – 30px) 是一个有效的表达式。对于/和*运算符，白色间距不是必需的，但强烈建议使用。
2. 除以 0 会导致错误。

示例 1：

  

    
    
    
      
    

  

    

        
working of the calc() function
    

  

输出：

示例 2：

  

    
    
  
    
  
    

  

    

        
 working of the calc() function
    

  

输出：