有趣的是,我在这个例子中做了一个非常小的制动并发现了问题。
在 IE10 中,如果 a<iframe>
中存在<td>
an ,则以百分比给出的 Iframe 的高度宽度属性不会过多关注其父级的高度宽度。
如下例所示,id 为“test”的 iFrame 采用高度宽度 = 100%。而它的父母的高度是1px。当您在 IE10 中运行此程序时,框架的高度似乎非常大,并显示出异常行为
<BODY id="WESWinDesktop">
<table id=WESStructure width="100%" height="100%" border="2" cellpadding="0" cellspacing="0">
<tr>
<td id="WESMainWinTitleBarCont" height="1px">this is 'td' for iframe
<iframe id="test" src="" frameborder="0" width="100%" height="100%" scrolling="no"></iframe>
</td>
</tr>
<tr>
<td id="WESMainWinMenuBar" height="20">menu bar
</td>
</tr>
<tr>
<td height="100%" >content
</td>
</tr>
<tr>
<td id="WESMainWinStatus" height="20">status bar
</td>
</tr>
</table>
</BODY>
我通过放置 a<div>
而不是 a尝试了同样的事情,<td>
但行为是相同的。所以我猜IE10解释iframe的宽度高度属性有问题。