在DIV中使用iframe会占用页面的其余部分

Question

如果我在DIV中放置一个简单的iframe，它下面的任何DIV都不显示，页面就会停在那里。如果我只输入一些没有iframe的文本，它就可以正常工作 - 因此添加导致它的iframe。

iframe加载的文件向下dummied，只显示单词TEST。

在我开始发布大量代码和内容之前，这通常是一个问题 - 可以在DIV语句中使用iframe吗？

由于

Answer 1

听起来你正在制作一个非常常见的编码错误：你不能对iframe进行短标记。例如：

<iframe src=" ... " />

无效。您必须提供完整的结束元素：

<iframe src=" ... "></iframe>

这很愚蠢，但它可能会导致您的网页完全失效。另外，请检查以确保您的引号/撇号/插入符合正确，因为这些可能会导致类似的问题。

希望这有帮助！

Answer 2

没有理由你不能在DIV中包装Iframe，但是iframe在布局方面非常困难，显然我们不知道其他样式规则可能会影响你的盒子模型。

您可以尝试在CSS中为包含DIV提供'overflow：scroll'或者甚至只是'overflow：auto'。这有助于解决奇怪的盒子模型问题。