全角灵活布局2列全高或可调整内容

Question

Layout

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

<!-- 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>