Html 为什么大小相同的iframe会导致父div滚动？

我只是想知道为什么一个高度为100%，大小（根据web inspector）等于父级的iframe会出现滚动条

我发现了一些关于这个主题的问题，虽然似乎有解决办法，但到目前为止，我还没有看到任何关于为什么会发生这种情况的解释

非常清楚：我不是在寻找解决方案。我的问题是关于为什么会发生这种情况。在我尝试过的浏览器中，它似乎是一致的，所以我假设有一些web标准可以解释这种看似奇怪的行为

#内容{
高度：90vh；
}
.包装纸{
宽度：100%；
身高：100%；
溢出：自动；
背景颜色：浅蓝色；
}
iframe{
宽度：100%；
身高：100%；
边界：无；
}

---

产生滚动条的不是iframe，而是它后面的空白

如果您不想看到它，请使用

* { line-height: 0; }

如果不起作用，请尝试添加

iframe { display: block; }

---

也是。默认情况下，iframe呈现为内联元素（iframe='inline frame'），因此，它的行高会导致问题。

产生滚动条的不是iframe，而是它后面的空白

如果您不想看到它，请使用

* { line-height: 0; }

如果不起作用，请尝试添加

iframe { display: block; }

---

也是。默认情况下，iframe被渲染为内联元素（iframe='inline frame'），因此，它的线条高度会导致问题。

son of a gun，你绝对是正确的。我为这件事挠头已有一段时间了。奇怪的是，如果它之后是空白，我认为删除html中的空白可以解决它，但它不能（即，

不能修复它）谢谢。有趣的是，我找到的现有答案中没有一个提到这一点——每个人都说使用

overflow:hidden

，这根本不说明原因why@billynoah听到这个消息很高兴：）狗娘养的，你真是恰到好处。我为这件事挠头已有一段时间了。奇怪的是，如果它之后是空白，我认为删除html中的空白可以解决它，但它不能（即，

不能修复它）谢谢。有趣的是，我找到的现有答案中没有一个提到这一点——每个人都说使用

overflow:hidden

，这根本不说明原因why@billynoah很高兴听到这个消息：）