Html iframe中车身的高度与iframe相同

我有一个关于iframe中身体高度的问题

body

是块级元素，所以如果我不设置高度，body中没有任何内容，body的高度为0

现在，我发现，当身体在iframe中时，它的高度总是和iframe相同。（如果iframe有自己的高度）

例如： html文件，如果框架为空，则其高度为

500px

iframe中的主体也是空的，其高度也是

500px

为什么主体是空的，但其高度与iframe相同？

我在一些博客中看到了

怪癖模式

，但它会出现在

html5

中，并带有

文件
*{
保证金：0；
填充：0；
}
iframe{
宽度：500px；
高度：500px；
}

---

我以前也有同样的问题，但我可以回答你的问题。Iframe中的主体具有相同的高度，因为它继承了父级高度，即我们定义的Iframe高度。比如说,

<iframe width="100%" height="300px"></iframe>

---

因此，iframe内部主体的高度将为“300px”。

这个css属性似乎是您的主体。它没有显示iframe的高度。您能否提供JSFIDLE演示以便我确定问题：）是的，您的iframe文档将处于怪癖模式，因为它没有doctype，即使容器文档处于标准模式。@SanjayKanani，我知道body将继承iframe的高度。但我不知道为什么。它与html文档类型或W3C标准有关，还是与浏览器的实现有关？我问题中的代码就是全部。身体里什么都没有，甚至身体里什么都没有。我只是通过css更改iframe的高度。为什么身体会遗传？body是块级元素，如果body中没有任何元素，那么它的高度应该是0吗？@Alohciand我刚刚尝试过它。如果ifame没有

src

，因此它没有

doctype

，那么它将处于怪癖模式。？如果我设置属性

src='./2.html'

，并且

2.html

具有

doctype

。body的高度将为true，而不是100%，谢谢。这是因为body deafult display css是一个与父项和父项的高度相同的块。更改显示：内联和内联块。有关更多信息，请查看此“我知道身体将继承iframe的高度”。但我不知道为什么。它与html文档类型或W3C标准有关，还是与浏览器的实现有关？我问题中的代码就是全部。身体里什么都没有，甚至身体里什么都没有。我只是通过css更改iframe的高度。为什么身体会遗传？body是块级元素，如果body中没有任何内容，那么它的高度是否应该为0？使用iframe从另一个源加载内容的目的是，在您的代码中，tehre不是iframe的源。iframe本身具有html页面所具有的结构。这就是为什么主体与代码中的iframe具有相同的高度。

<iframe width="100%" height="300px"></iframe>