推动页脚出窗口的角度材料布局

Question

我在使用角度材质JS和CSS时出现问题。我遇到问题，请将<main>标签占用可用高度，而不要将页脚推到窗口底部以下。我已经连续2天对此感到震惊，而且我知道这很简单，我错过了所有的弹性和布局填充。

Codepen：http://codepen.io/snydercreative/pen/KdBzXp

Answer 1

这件事情我一直在挣扎了。原来Flex要正确展开，它必须位于布局中。 http://codepen.io/anon/pen/pjZROp

这里的关键部分：

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

和

<main flex> 

只要主要是其父布局内的唯一flex元素，它将增长到应有的高度。

下面是一个简化的版本，希望能让它更清晰一点：http://codepen.io/anon/pen/mejRze