如何做md-content 100％高度？

我想页面的内容区域延伸到100％它工作正常，但如果我添加如何做md-content 100％高度？

layout="column"

身体标记它breakes

<body layout="column">  
<md-toolbar></md-toolbar>  
     <ui-view></ui-view> 
... 
</body>

和页面

<div layout-fill layout="row"> 
    <md-content class="red" flex layout-align="center center" layout="column"> 
     <md-card>100% height</md-card> 
    </md-content> 
</div>

http://plnkr.co/edit/H9yVGWrkxeO8Of1NROvY?p=preview

我无法删除layout =“column”，因为我需要页面而不滚动任何想法？

来源

2015-09-28 Slip

设置ui-view的适当高度。您需要从ui-view中删除工具栏的高度。

ui-view > div.layout-fill { 
    min-height: calc(100% - 64px); 
}

来源

2015-09-28 08:48:55 Michael

我在plunkr的css中添加了你的答案，它没有改变任何东西。 – jcollum

尝试用vh代替％。例如，calc（100vh - 64px）。根据您的需求可以接受。 – mmamane

如何做md-content 100％高度？

回答

相关问题