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

Question

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

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

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

谢谢

Answer 1

听起来你正在制作一个非常常见的编码错误:你不能短标签iframe.例如:

<iframe src=" ... " />

是无效的.您必须提供完整的结束元素:

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

这很愚蠢,但它可能会导致你的页面完全混乱.另外,请检查以确保您的引号/撇号/插入符号都正确,因为这些可能会导致类似的问题.

希望这可以帮助!

Answer 2

您没有理由不能将 Iframe 包装在 DIV 中，但 Iframe 的布局非常困难，显然我们不知道还有哪些其他样式规则可能会影响您的盒模型。

您可以尝试在 CSS 中为包含的 DIV 指定“overflow:scroll”，甚至只是“overflow:auto”。这可以帮助解决奇怪的盒子模型问题。