Firefox中的FxFlexFill无法正常工作

Question

我无法解决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>

有人知道如何解决吗？

Answer 1

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

<div fxFlexFill fxLayout="column">

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

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

</div>

希望有帮助！