Good day. The standard question has arisen - how to make a block 100% tall. I use angular-material (accordingly, flexbox)

<div layout="row" layout-align="center start" flex> 

 <section layout="column" hide-sm flex> <md-toolbar></md-toolbar> </section>

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

I need a block of content (marked in the code comments) - to the maximum pressed to the bottom. Well and, accordingly, the two left sides also stretched.

    1 answer 1

    the first thing that came to mind with such hell markup without changing classes and stuff

    .content { min-height: calc(100vh - 64px); box-sizing: border-box; }

    http://caniuse.com/#search=calc http://caniuse.com/#search=vm