如何使此iframe失去边框/滚动条并调整大小以适应DIV？

我试过别人说的话，但似乎不起作用。你能自己编码吗？我真的很沮丧

<a href="#computing" onclick="document.getElementById('MainBack').innerHTML = '<iframe src=\'test.html\'></iframe>'">Computing</a>

这是我想要的地方：

---

使用类似这样的CSS规则使iframe填充其父对象且无边框：

#MainBack iframe { width: 100%; height: 100%; border: none; }

Internet Explorer不尊重边框设置，因此您还需要在标记中设置frameborder属性：

<a href="#computing" onclick="document.getElementById('MainBack').innerHTML = '<iframe src=&quot;test.html&quot; frameborder=&quot;0&quot;></iframe>'">Computing</a>

HTML

AllowTransparency在IE中使用，否则您将看到与页面背景不同的背景

编辑： 添加了转义版本

<a href="#computing" onclick="document.getElementById('MainBack').innerHTML = '<iframe src=\'http://www.google.com\'  scrolling=\'no\' frameborder=\'0\' allowtransparency=\'true\'></iframe>'">Computing</a>    
<div id="MainBack"></div>

---

当我这样做时，it computing的链接显示为：>computing且不再工作您必须退出双引号：现在它显示为-'>ComputingThank。这很有效。但我和另一个答案有同样的问题。它下面有一个很大的缺口。有没有办法调整父div的大小，使其紧靠iFrame的内容？使用css将div和iFrame设置为相同的宽度/高度：您能将我的答案设置为已接受吗P@MarkBrewerton：包含的元素需要设置一个特定的高度，否则iframe的高度设置将没有任何效果。或者，如果包含元素将调整为iframe，则可以为iframe指定一个设置高度。

border:none;
overflow:hidden;
width:450px;
height:35px;"

<a href="#computing" onclick="document.getElementById('MainBack').innerHTML = '<iframe src=\'http://www.google.com\'  scrolling=\'no\' frameborder=\'0\' allowtransparency=\'true\'></iframe>'">Computing</a>    
<div id="MainBack"></div>