Angular 柔性布局高度问题

我面临的问题是在我应用

fxFlex

的地方增加和减少div的高度。我为容器提供了动态高度。我怎样才能解决这个问题

提前谢谢。

一些文本
一些文本
一些文本

注意：动态提供容器的高度（根据窗口大小/大小）

截图：

---

以下是使用

fxFlexFill

可以执行的操作：

演示：

---

也许可以添加您当前的尝试，以便我们更好地了解问题。如果您能向我们展示当前状态和预期状态，那将是一种奖励。谢谢。添加了演示供您参考。您想将高度设置为什么？100%的窗户高度？是的，100%的窗户高度。你能举个例子（一张图）说明你想要达到的目标吗？

<div class="container">
   <div fxFlex="30"> Some Text </div>
   <div fxFlex="40"> Some Text </div>
   <div fxFlex="30"> Some Text </div>
</div>

<div class="container" style="padding: 20px" fxFlexFill fxLayoutGap="10px">
  <div fxFlex="30"><mat-card>Some Text</mat-card></div>
  <div fxFlex="40"><mat-card>Some Text</mat-card></div>
  <div fxFlex="30"><mat-card>Some Text</mat-card></div>
</div>

html, body {height: 100%; margin: 0;}