弹性布局半固定位置

Question

我有一个关于angular的flex-layout的问题。 基本上我有两个div，fxFlex各有一个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; }