身高比父级div高100％-引导程序

Question

我正在开发一个使用引导卡的项目。由于工作原因，我还必须使其与Chromium 57.xx兼容-这就是问题所在。 我使用高度：卡的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

我通过在parend元素中添加d-flex类，从子级中删除h-100类以及向子级中添加flex-fill类来修复该问题。完美运行。