angular - Angular Flex-layout 2 列全高或可调整内容

Question

布局

我正在尝试使此布局与窗口的整个高度或内部内容保持一致。但我永远做不到。下面是我的代码，我不知道我可能错在哪里。我知道这可能不是正确的地方，但有人可以帮助我吗？

<!-- FLEX-CONTAINER - WRAP - INLINE STYLES FOR CORRECTION -->
<div fxLayout="row nowrap" fxFlexFill fxLayoutAlign="start stretch">

  <!-- FLEX-CHILD - LEFT -->
  <div id="login-information" fxFlex="1 1" fxFlexFill>
    <div style="height: 850px; width: 300px; background-color: red;"></div>
  </div>

  <!-- FLEX-CHILD - RIGHT -->
  <div id="login-form" fxFlex="1 1" fxFlexFill>
    <div style="height: 900px; width: 300px; background-color: green;"></div>
  </div>

</div>

标签： angularflexboxangular-flex-layout