Html 角度材质布局将页脚推出窗口

我在使用角度材质JS和CSS时遇到了一个问题。我在让

标签占据可用高度而不将页脚推到窗口底部下方时遇到问题。我已经用了两天的时间来思考这个问题，我知道在所有的flex和布局填充中我都缺少了一些简单的东西

---

代码笔：

这也是我一直在努力解决的问题。事实证明，要使flex正确展开，它必须位于布局内部

以下是关键部分：

<div class="wrapper" layout-fill layout="column">

及

只要main是其父布局中唯一的

flex

元素，它就会增长到适当的高度

下面是一个简化版本，希望能让它更清晰一些：

<main flex>