Flex-layout 半固定位置

Question

我有一个关于 Angular 的弹性布局的问题。 基本上我有两个带有 fxFlex 的 div，每个都包含一个 mat-card，我希望正确的 mat-card 垂直固定（如图所示），即我仍然希望在调整窗口大小时具有（水平）响应行为，但已修复垂直。

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

<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; }