BS4 卡不适合父 div

Question

我在父 div 中有 2 张卡在彼此上方。这个父 div 的高度是动态的。现在我遇到的问题是 2 张卡不适合父 div。我怀疑这里的问题是下卡内部的表格，它可能没有响应并且没有触发它的溢出权。所以我想要实现的是这两张卡很好地适合父 div，只有表格调整（触发溢出）以使其适合。

我在这里复制了我的问题：https://stackblitz.com/edit/bootstrap-8h1b14?file=app/app.component.html

Answer 1

您需要为卡片定义一个固定高度，并将卡片内容和表格容器的高度设置为 100%。 然后你可以像这样在 table-container 上设置 overflow-y:scroll ：

.fixed-height {
  height: 400px;
}
.card-body {
  background-color: #303030;
  color: #fffcf2;
  height: 100%;
}

.overflow-scroll {
  height: 100%;
  overflow-y: scroll;
}

在stackblitz 上查看结果。