CSS网格和高度100％的野生动物园

Question

所以我有一个用CSS grid制作的网格，我有一个iframe，它正在使用它所在的网格单元格100%，因此父div ，正如我在其他帖子中看到的那样，safari和其他浏览器不支持此height: 100%没有设置身高value的父级，我正在寻找如何让它适用于这些浏览器以及如何在我的代码中实现它。

我很快就读到了一些名为@support的内容，但我真的不知道如何将它用于这个特定情况;或大约flexbox加webkit使其达到100％，但我无法使其发挥作用。

Answer 1

请发送有问题的jsfiddle网址。

尝试：

position:relative;
display:inline-block;
width:100%