使用 calc() 函数计算 ＜div＞ 元素的宽高

最近使用element-ui组件写一个tab页，样式贼难调，首先是tab-bar调整宽度，然后是调整tab-bar的长度，
打开后台，查看tab-bar样式，找到after伪类选择器，定向进行样式的调节

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

需要注意的是，运算符前后都需要保留一个空格，例如：width: calc(100% - 10px)；

若是写成 calc(100%-10px) 是无效的，因为减号左右没加空格；

任何长度值都可以使用calc()函数进行计算；
calc()函数支持 “+”, “-”, “*”, “/” 运算；
calc()函数使用标准的数学运算优先级规则；
支持版本：CSS3
对calc()函数进行深入了解的请看官网 https://www.runoob.com/cssref/func-calc.html