iframe - 多个 iFrame 在 FF、Chrome 和 Safari 中不显示

Question

我知道强烈建议不要使用 iFrame，但我需要制作在 IE8 及更早版本上运行的应用程序，并且他们已经有使用 iFrame 的大量旧代码。我遇到了有关 iFrame 的问题。这是我的两个 iframe:

<div>
 <div width="20%" height="100%">
  <iframe width="20%" name="treestruct" src="menu.html" height="800px"/>
 </div>
 <div  width="70%" height="100%">
  <iframe width="80%" name="mainbody" src="content.html" height="800px"/>
 </div>
</div>

最近，我被要求让它也适用于 Firefox。但是当我尝试在 FF 上查看它时，只显示了第一个 iFrame。它在 IE 中运行良好，但在 FF 或任何其他现代浏览器中运行不佳。我真的很困惑这里发生了什么。对此有何解决方案？我知道这可能是一个小问题，而且我也是 HTML5 的大力支持者，并且希望避免这些类型的已弃用标签，但我有大量用旧 html 编写的代码，必须让它们在 IE8 及更早版本上运行。我没有选择。有什么建议吗？

Answer 1

根据 w3school，您必须使用 </iframe> 关闭 iframe 标记。 。因此，将您的代码更改为如下所示:

<div>
 <div width="20%" height="100%">
  <iframe width="20%" name="treestruct" src="menu.html" height="800px"></iframe>
 </div>
 <div  width="70%" height="100%">
  <iframe width="80%" name="mainbody" src="content.html" height="800px"></iframe>
 </div>
</div>

并尝试一下。它应该工作得很好...