npm run build以后编译的css发生错误

[wanyanyan]

我添加了一个布局，并自定义了一个css样式，内容如下：

.layout-content{
    height: calc(100% - 100px);
    margin: 15px;
    overflow: hidden;
    background: #fff;
    border-radius: 4px;
  }

但是运行npm run build以后，在dist文件夹生成的main.css变成了下面这样：

.layout-content[data-v-52fcc876] {
  height: calc(-38%);
  margin: 15px;
  overflow: hidden;
  background: #fff;
  border-radius: 4px;
}

height为什么会变成-38%