css3的calc属性用于动态计算长度值

calc() 函数用于动态计算长度值。

     calc(100vh - 10px) 表示整个浏览器窗口高度减去10px的大小

     calc(100vw - 10px) 表示整个浏览器窗口宽度减去10px的大小

 

• vw：视窗宽度的百分比（1vw 代表视窗的宽度为 1%,100代表100%）
• vh：视窗高度的百分比
• vmin：当前 vw 和 vh 中较小的一个值
• vmax：当前 vw 和 vh 中较大的一个值

1. 需要注意的是，运算符前后都需要保留一个空格，例如：width: calc(100% - 10px)；
2. 任何长度值都可以使用calc()函数进行计算；
3. calc()函数支持 "+", "-", "*", "/" 运算；
4. calc()函数使用标准的数学运算优先级规则；

 
 




创建一个横跨屏幕的div，div 两边有 50px 的间隙：
这是运用calc的属性