让材料角容器占据容器的其余部分答案

【问题标题】：getting material-angular container to take up the rest of the container让材料角容器占据容器的其余部分
【发布时间】：2014-12-03 01:03:19
【问题描述】：

对不起，如果这是一个 n00b 问题，但我正在尝试构建一个使用 angular-material 的 chrome 应用程序。我基本上有以下几点。我没有列出确切的代码，只是想法......

<section layout-fill>
    <md-toolbar></md-toolbar>
    <md-tabs></md-tabs>
    <md-content>
       <form></form>
    </md-content>
    <md-divider></md-divider>
    <md-content flex></md-content>
</section>

我不希望最后一个 <md-content> 填满容器底部的剩余空间，然后滚动到溢出。

有什么帮助吗？谢谢！

【问题讨论】：

标签： angularjs material-design

【解决方案1】：

我真的应该多花点时间。父部分的style="height: 100%" 解决了它。

【讨论】：

【解决方案2】：

我认为如果您添加属性layout="column"，您可以让父级具有100% 的高度，这样您就不需要添加自定义样式。你能试着让我知道它是否有效吗？干杯

【讨论】：