iframe内部页面html,body高度自动变成100%的问题

Question

我们知道，一个页面在不添加任何样式的情况下，body的高度应该是等同于其内容的高度。当body内部无任何东西的情况下，body自身的高度应该是为0。然而今天发现一个奇怪的问题，在Runjs的代码预览页http://runjs.cn/code/vnfgw0nd，内嵌的iframe，里面生成的页面html,body元素的实际高度都是100%，然而在其上什么样式都没有设置。而与之类似的站点jsbin ，jsfiddle（今天发现在自家电脑上内部body高度也一样是100%了），其预览框iframe内部html,body高度表现则与我们原来所认知的一样。然而，当我们在jsbin、jsfiddle这些表现正常的网站上，通过location.href 改变其iframe的地址，比如执行location.href = 'about:blank'，当iframe载入完成后html,body的高度也变成了100%。Google、百度齐上阵，依然没搜到原因，搜出一大堆iframe高度自适应的问题。有大虾能解释下iframe内部html,body高度自动变成100%的原因吗？补充一张图：