我对当前项目有问题，其中两个Flex容器（均具有flex-direction：列）内有一个孩子。此孩子的绝对设置高度为px，而body元素的设置高度为100vh。
在除Safari之外的所有浏览器中，我的子元素都具有设置的高度。 Safari是唯一一个忽略高度并以最大100vh的速度渲染孩子的浏览器。
这是Safari中的错误，对此有任何解决方法吗？
问题在于，这是一个非常复杂的项目，其中包含许多我无法轻易更改的代码行。因此，我正在寻找一种仅会影响野生动物园并至少具有副作用的解决方案。 孩子的身高将由javascript设置，具体取决于javascript的内容。
将身体的高度更改为最小高度确实可以，但是过去由于其他问题而更改了此设置。 移除弹性方向也可以，但是同样会在页面的其他部分产生不良影响
这是问题的（严重）简化版本：
private我也在这里创建了一个jsFiddle https://jsfiddle.net/7jowr4v1/1/
我要存档的是Safari的行为与所有其他浏览器一样，其div2的高度为3060px，并显示滚动条而不是缩小div。