FxFlexCalc设置最小高度，而原始值设置最大高度

<div fxFill fxLayout="column">
    <div fxFlex="8" fxLayout="column"> Fixed Header </div>
    <div fxFlex="20" fxLayout="row" [fxHide]="isShow"> Colapsable Header </div>
    <div fxFlex="72" fxLayout="column"> Page content </div>
</div>

像这样，如果我隐藏标题，页面的20％保持空白，导致包含页面内容的div仍然只占据72％

但是如果我使用 with calc <div fxFlex="calc(92% - 20%)">，这个各自的 div 会根据上面的 div 是隐藏还是显示来修改她的高度，所以即使 div 被折叠起来也永远不会有空白空间..

为什么它会这样工作？calc(92% - 20%) 它总是 72%，那么为什么它的行为不同呢？

编辑问题标题后的更多上下文：

在观察生成的 Html 后，我收集到了

• fxFlex="72" 设置一个 max-height="72%"
• fxFlex="calc(92%-20%)" 套 min-height="72%"