html - 高度比父 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

有任何想法吗？谢谢你。

标签： htmlcssbootstrap-4frontendheight

Answer 1

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