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

问题描述

我正在开发一个使用引导卡的项目。由于工作原因,我还必须使其与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

有什么想法吗?谢谢。

解决方法

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