Я сталкиваюсь с некоторыми проблемами при использовании flex-layout.
Мой код обычно выглядит следующим образом:
<div fxLayout='column'>
<!-- multiple rows here -->
<div fxLayout='row'>
<div fxFlex='35'>
<!-- some content here -->
</div>
<div fxFlex>
<!-- mat-list here -->
</div>
</div>
<!-- multiple rows here -->
</div>
Я хочу, чтобы второй flex div имел такую же высотукак первый.Проблема заключается в том, что второй div содержит список с большим количеством записей, что приводит к двум (очень) длинным полям.Поэтому я хотел сделать второй div прокручиваемым (overflow:scroll
).Но я предполагаю, что это невозможно, потому что flex всегда хочет растягиваться в соответствии с содержимым внутри него, то есть без переполнения.
Высота первого div изменяется при изменении размера окна, поэтому я не могу просто жестко кодировать высотувторого див.
Есть ли у вас какие-либо предложения о том, как сделать это возможным?
Пожалуйста, прокомментируйте, если что-то неясно, и я постараюсь уточнить.
Спасибо :)