Как сделать md-контент 100% высоты?

Я пытаюсь растянуть область содержимого страницы до 100% Это работает отлично, но если я добавитьКак сделать md-контент 100% высоты?

layout="column"

для тела тега он ломает

<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

Я добавил ваш ответ на css plunkr и ничего не изменил. – jcollum

Попробуйте использовать vh вместо%. Например, calc (100vh - 64px). Может быть приемлемым в зависимости от ваших потребностей. – mmamane

Как сделать md-контент 100% высоты?

ответ

Смежные вопросы