带有滚动内容的Angular 9卡体？答案

【问题标题】：Angular 9 card body with scrolling content?带有滚动内容的Angular 9卡体？
【发布时间】：2020-07-25 20:21:55
【问题描述】：

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

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

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

有什么建议吗？

【问题讨论】：

【解决方案1】：

解决了！

正在添加...

style="height: 0px; overflow-y: auto"

...卡体标签修复了这个问题

【讨论】：

【解决方案2】：

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

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

【讨论】：