Kątowa 2 wysokość układu flex 100%

Question

Kątowa aplikacja wykorzystująca Material design i flex-layout. https://github.com/angular/flex-layout

Próbuję utworzyć prosty układ strony z 2 kolumnami na górze (lewy = wypełnienie, prawo = 10%), a następnie pojedynczy wiersz na dole ekranu. Elementy wciąż wypełniają tylko pionową przestrzeń wymaganą dla zawartości. Jedynym sposobem, w jaki to zrobiłem, jest ręczne ustawienie wysokości na 100%. Czy tak muszę to zrobić? Co jest nie tak z tym html?

<div fxLayout="column"> 
    <div fxLayout="row" fxFlex="90%"> 
    <div fxFlex="80%" class="border"> 
     <p>Stuff is happening here</p> 
    </div> 
    <div fxFlex="20%" class="border"> 
     <ul> 
     <li>Item 1</li> 
     <li>Item 2</li> 
     </ul> 
    </div> 
    </div> 
    <div fxLayout="row" fxFlex="10%" class="border"> 
    <p>Bottom element</p> 
    </div> 
</div> 

Wynik:

Answer 1

Ustawienie wysokości do 100% to prawdopodobnie droga rzeczywiście. Wysokość jest dynamiczna, więc dostosuje się do zawartości. W Twoim przypadku treść nie wypełnia strony, więc jest to normalne zachowanie.

Co jest jednak nie tak z tym rozwiązaniem?