angular - Flex-layout 半固定位置

Question

我有一个关于 angular 的 flex-layout 的问题。基本上我有两个带有 fxFlex 的 div，每个 div 都包含一个垫卡，我希望正确的垫卡垂直固定(如图所示)即我仍然希望在调整窗口大小时的(水平)响应行为，但固定垂直。

有谁知道如何实现这种行为？

<div fxFlex>
  <mat-card><mat-card>
</div>
<div fxFlex="50">
  <mat-card><mat-card>
</div>

Answer 1

感谢 Swoox，我找到了解决方案:

<div fxFlex style="overflow: scroll">
  <mat-card><mat-card>
</div>
<div fxFlex="50">
  <mat-card><mat-card>
</div>

在 css (Chrome) 中隐藏生成的滚动条:

::-webkit-scrollbar { display: none; }