如何实现自适应宽高：CSS中计算属性问题width:calc(100% - 200px)

当在给页面布局的时候，会出现左边固定，右边自适应的现象，这个时候就需要使用calc()函数来进行属性方面的计算。（height也是同理）

.right{
  float: left;
  height: 100%;
  width: calc(100% - 220px);
}

这个时候需要注意的是在calc属性总计算函数的时候，运算符号前后都是需要使用空格来进行隔断的

注意：

这个calc（）函数中的空格是很重要的，如果没有空格，则该属性会失效。

calc(100% - 220px)，此处两条红色竖线及为空格。