firefox中的FxFlexFill无法正常工作

我无法解决FxFlex和Firefox的一个问题

我想做的是一个div，用40px的高度填充屏幕和标题，用剩余的高度填充内容

它在chrome中工作，我的屏幕有982px，标题有40px，内容是942px

在Firefox中，屏幕有982px、标题40px和内容982px，因此，它不会显示所有内容

这是我的html：

<div fxFlexFill fxLayout="column">

   <header fxFlex="40px">
   </header>

   <content fxFlex fxLayout="row">
   </content>

</div>

---

有人知道如何修复它吗？

我解决了它，解决方案是在第二个fxFlex中包含高度：

<div fxFlexFill fxLayout="column">

  <header fxFlex="40px">
  </header>

  <content fxFlex="calc(100%-40px)" fxLayout="row">
  </content>

</div>

---

希望有帮助

我解决它，解决方案是在第二个fxFlex中包含高度：

<div fxFlexFill fxLayout="column">

  <header fxFlex="40px">
  </header>

  <content fxFlex="calc(100%-40px)" fxLayout="row">
  </content>

</div>

希望有帮助