calc()的定义是用来动态计算长度值的，可以使用任意长度、值、时间、角度、频率等。calc()的运算符+-*／width:calc(50%+15像素）；height:calc(100%-20px);width:calc(15*4px);height:calc(100%/4);??运算符两边必须有空格??使用*/运算符时，必须确保有值Valuetypecalc()用于区分//1.width:calc(100%-20px)incss;//2.$base-font-size:scss中的37.5px；@functionpx2rem($px){@return($px/$base-font-size)*1rem/2;}width:calc(100%-#{px2rem(15px)});//3.width:calc(~"100%-15rem")inless;//4.sass中的宽度：calc(1rem-2px)；宽度：计算（（100%-#{$a}*#{$b}）/#{$c}）；line-height:calc(1*20/14);//??sass中的calc无法单独识别“/”，即无法单独识别除法。解决这个问题有两种方式：0+expression，或者1*expressioncalc()application比如在移动端/pc端，会有单屏显示和局部滚动效果。这时候使用calc()计算滚动区域的高度，可以完美适配所有机型，无需使用js动态计算等分区域或者比例区域的页面划分通常使用灵活的box，但是calc()也可以很好的解决这个问题。元素居中问题
