如何给 iframe 100% 的高度

你可以用 CSS 来做:

<iframe style="position: absolute; height: 100%; border: none"></iframe>

请注意，默认情况下，这将把它放在页面的左上角，但我猜这就是您想要实现的。您可以使用 left、 right、 top和 bottom CSS 属性定位。

Iframe 没有得到100% 高度的问题不是因为它们笨重。问题是，对他们来说，得到100% 的高度 他们需要父母有100% 的身高。如果 iframe 的父母之一不是100% 高，iframe 将不能超过该父母的身高。

所以最好的解决办法是:

html, body, iframe { height: 100%; }

... 鉴于 iframe 是正下方的身体。如果 iframe 在它自己和主体之间有一个父节点，那么 iframe 仍然会得到它的父节点的高度。还必须显式地将每个父节点的高度设置为100% (如果需要的话)。

iframe { height: 100vh }