弹性布局半固定位置

Question

我有一个关于angular的flex布局的问题。基本上，我有两个带有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; }