跨浏览器Iframe高度

Question

我在my blog中嵌入了一个Google表单 简化代码段：

div {
  outline: 1px solid red;
}
iframe {
  display: block;
  width: 100%;
  height: 625px;
  border: 0;
}

<div>
  <iframe src="https://docs.google.com/forms/d/1QICJwSJNEjSAGaVz7mWxq0FnrfDMZqOqMn0_iXM0ph8/viewform?embedded=true"></iframe>
</div>

它在Chrome上看起来很理想 - 既不是额外的滚动条，也不是iframe下方不需要的空间。但是对于其他浏览器来说并非如此，例如在Firefox中有一个额外的滚动条。什么是 CSS 解决方案，因此它在所有浏览器上看起来都不错？