각도 2 플렉스 레이아웃 높이 100 %

소재 디자인 및 플렉스 레이아웃을 사용하는 각도 앱. https://github.com/angular/flex-layout 각도 2 플렉스 레이아웃 높이 100 %

내가 상단에 2 열 간단한 페이지 레이아웃을 만들려고 해요 화면 하단에 하나의 행 다음에 (왼쪽 = 오른쪽 = 10 %, 입력). 요소는 여전히 콘텐츠에 필요한 수직 공간 만 채 웁니다. 내가 이것을 한 유일한 방법은 수동으로 높이를 100 %로 설정하는 것입니다. 그게 내가 어떻게해야 하느냐? 이 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>

결과 : %는 실제로 갈 수있는 방법은 아마도