iframe height=100%时,页面没有显示,改成height=100px时却可以 在线等!!!!

Question

这样些,看不到里面的页面,一片空白:
<iframe id="ifr" style="width:100%; height:100%;" frameborder="0" src="ToolingData.aspx"></iframe>这样些,才可以看到里面的页面
<iframe id="ifr" style="width:100%; height:100px;" frameborder="0" src="ToolingData.aspx"></iframe>
到底这么设置可以正好呢?

Answer 1

可以百度一下【iframe高度自适应】，
有你想要的结果 

Answer 2

把 body form 的高也设为100% 

Answer 3

一个对象高度是否可以使用百分比显示，取决于对象的父级对象，Table在body之中，因此它的父级是body，而浏览器默认状态下，是没有给body一个高度属性的，因此当我们直接设置为height:100%;时，不会产生任何效果，而当我们给body设置了100%之后，它的子级对象 Table的height:100%;便发生作用了，这便是浏览器解析规则引发的高度自适应问题。