如何做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％高度？

回答

相關問題