高度比父 div 大 100% - bootstrap

Question

我正在开发一个使用引导卡的项目。由于我工作的公司的某些原因，我还必须使其与 Chromium 57.xx 兼容 - 这就是问题所在。 我将 height: 100% 用于卡片，它们在 Chrome、Firefox、Edge、Opera 等中的高度完全相同。 我没有足够的代表来发布图片，所以我会发布图片链接。 当我使用 Chromium 时，它看起来像这样：

https://i.epvpimg.com/cUzQdab.png

虽然它们的高度相同，但高度比它应该的要高得多。

我想要达到的是： https://i.epvpimg.com/dTKdgab.png

当我禁用高度 100 时，父元素的高度如下所示： https://i.epvpimg.com/ppkjaab.png

有什么想法吗？谢谢。

Answer 1

我通过将 d-flex 类添加到 parend 元素来修复它，从子元素中删除 h-100 类并将 flex-fill 类添加到子元素。完美运行。