Bootstrap 4溢出时，.card高度受父高度限制

当使用Bootstrap 4时，当.card元素的内容溢出时，.card元素的高度会受到其父元素的限制。这是因为Bootstrap 4中的.card元素默认具有overflow: hidden的样式，这意味着当内容超出.card元素的高度时，超出部分将被隐藏。

为了解决这个问题，可以通过以下几种方法来处理：

1. 使用自定义样式：可以通过为.card元素添加自定义样式来覆盖默认的overflow: hidden样式。例如，可以将.card的样式设置为overflow: auto，这样当内容溢出时，会显示滚动条以便用户查看全部内容。
2. 使用.card-body元素：可以在.card元素内部添加一个.card-body元素，并将内容放置在.card-body元素中。.card-body元素默认具有overflow: auto的样式，因此当内容溢出时，会显示滚动条。
3. 使用其他Bootstrap组件：Bootstrap提供了一些其他的组件，如.modal和.popover，它们具有自己的样式和布局，不会受到父元素高度的限制。如果需要更灵活的布局和溢出处理，可以考虑使用这些组件。

总结起来，当Bootstrap 4的.card元素的内容溢出时，可以通过自定义样式、使用.card-body元素或使用其他Bootstrap组件来解决高度受父元素限制的问题。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云主页：https://cloud.tencent.com/
• 云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
• 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
• 云存储（COS）：https://cloud.tencent.com/product/cos
• 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs