angular - 带有滚动内容的Angular 9卡体？

Question

我正在使用使用 flex 布局的 Angular 卡将卡页眉和卡页脚设置在可用垂直空间的顶部和底部。

在卡体中，我正在显示一个手风琴组件，当手风琴面板展开时，所需的显示可以延伸到默认卡体垂直空间之外。

目前，当我展开手风琴面板时，卡片页脚被垂直推离浏览器窗口的底部。我想要的是将卡页脚保持在适当的位置，并使卡体内的内容在固定的垂直尺寸卡体内滚动。

有什么建议么？

标签： angularflexboxangular-material

Answer 1

您可以使用自己应得的最大高度来尝试这个 css。

 ::ng-deep .card{
  max-height: 100px !important;
  overflow-y: auto !important;
}