Угловой Flex-макет 2 колонки полной высоты или регулируемый контент

раскладка

Я пытаюсь сделать так, чтобы этот макет оставался с полной высотой окна или внутренним содержимым. Но я никогда не могу. Ниже мой код, и я не знаю, где я могу ошибаться. Я знаю, что это может быть не то место, но кто-нибудь может мне помочь?

<!-- 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>
Источник

0 ответов

Другие вопросы по тегам