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

我们知道，一个页面在不添加任何样式的情况下，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%。