从CSS Calc（）

Question

我有一个间隔div需要具有可变高度，但是calc（）函数似乎无法从100％中减去固定量。

.spacer {
      border: 1px solid red;
      width: 0px;
      float: right;
      height: calc(100% - 56px);
    }

将高度更改为calc（100px - 56px）确实有效。

我使用的是直接CSS，没有预处理器。

JSFiddle Demo