Question

我刚注意到我的元素在iframe元素之后没有在浏览器中呈现。这是代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
</head>
<body>  
    <div class="xpto">
        <iframe id="myIframe"  src="http://www.google.com/custom?q=&btnG=Search" height="500px" width="100%"/>
    </div>
    <div class="footer">
        something
    </div>
</body>
</html>

jsfiddle

有谁知道为什么？

我删除iframe一切正常吗？

Answer 1

使用</iframe>代替结束<tag />

内的元素标记

＆＃13;

<div class="xpto">
    <iframe id="myIframe"  src="http://www.google.com/custom?q=&btnG=Search" height="500px" width="100%"></iframe>
	</div>
	<div class="footer">
		something
	</div>

＆＃13;

Answer 2

如果您关闭<iframe>标记，则会显示页脚

<iframe id="myIframe"  src="http://www.google.com/custom?q=&btnG=Search" height="500px" width="100%">
</iframe>

Answer 3

您应该按标记关闭iframe。

这是工作小提琴，

FIDDLE

<iframe id="myIframe"  src="http://www.google.com/custom?q=&btnG=Search" height="500px" width="100%"></iframe>

为什么在iframe之后删除元素

3 个答案: