Angular 带滚动内容的有角度的9卡体?

Angular 带滚动内容的有角度的9卡体?,angular,flexbox,angular-material,Angular,Flexbox,Angular Material,我使用的是一个角度卡,它使用flex布局在可用垂直空间的顶部和底部设置卡头和卡脚 在卡体中,我显示了一个手风琴组件,当手风琴面板展开时,所需的显示可以超出默认的卡体垂直空间 当前,当我展开手风琴面板时,卡片页脚垂直推离浏览器窗口的底部。我想要的是保持卡片页脚在适当的位置,并使卡片正文中的内容在固定的垂直大小的卡片正文中滚动 有什么建议吗?你可以用你自己应得的最大高度试试这个css ::ng-deep .card{ max-height: 100px !important; overfl

我使用的是一个角度卡,它使用flex布局在可用垂直空间的顶部和底部设置卡头和卡脚

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

当前,当我展开手风琴面板时,卡片页脚垂直推离浏览器窗口的底部。我想要的是保持卡片页脚在适当的位置,并使卡片正文中的内容在固定的垂直大小的卡片正文中滚动


有什么建议吗?

你可以用你自己应得的最大高度试试这个css

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

添加

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

。。。卡体标签解决了这个问题

你能用代码笔显示吗?另外,请发布您尝试过的标记。您能提供一个解决此问题的方法吗?请共享您的代码,以便我们能够解决您的问题