Html 赢得引导卡';不适合做父母

Html 赢得引导卡';不适合做父母,html,css,bootstrap-4,Html,Css,Bootstrap 4,在一个父div中,我有两张卡彼此上方。此父div的高度是动态的,高度由父组件传递给组件。现在我的问题是,这两张卡不适合父div。我怀疑这里的问题是较低卡中的表,它可能没有响应,也不会触发溢出。所以我想要实现的是,这两张卡非常适合父div,在父div中,只有表调整(触发溢出)以使它们适合。或者,只要上面的卡不收缩,就可以自由地提出自己的解决方案。这只是我想操纵的下一张牌 我在这里转载了我的问题: 同时在此处粘贴代码(但运行代码段不起作用,如果您想查看结果,请查看stackblitz示例):

在一个父div中,我有两张卡彼此上方。此父div的高度是动态的,高度由父组件传递给组件。现在我的问题是,这两张卡不适合父div。我怀疑这里的问题是较低卡中的表,它可能没有响应,也不会触发溢出。所以我想要实现的是,这两张卡非常适合父div,在父div中,只有表调整(触发溢出)以使它们适合。或者,只要上面的卡不收缩,就可以自由地提出自己的解决方案。这只是我想操纵的下一张牌

我在这里转载了我的问题:

同时在此处粘贴代码(但运行代码段不起作用,如果您想查看结果,请查看stackblitz示例):


测试
测试
测试
xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx