Javascript 内容编辑器Web部件中的iFrame

我正在创建一个包含两个web部件的页面：一个带有搜索UI，另一个显示结果。我正在使用Content Editor Web部件来实现这两种功能，但无论我如何努力，我似乎都无法在带有iFrame的Content Editor Web部件中显示超过一小部分的结果页面。宽度似乎设置得很好，但无论我如何设置高度（我已经尝试过使用CSS和Javascript/JQuery在线设置），我都无法更改显示内容的高度。如果我将高度设置为3000px，我可以看到下面的空白，但它仍然只在iframe部分的顶部显示少量结果页面

我观察到HTML和iFrame占用了它应该占用的所有空间，但只显示了iFrame显示的实际页面的一小部分。我从许多文章中尝试了许多方法，但都有不足之处（双关语）

有没有人对此有过经验，或者有没有迹象表明为什么它会以这种方式显示，或者我必须做些什么才能让这个iFrame填满整个web部件空间

---

如果我在下面设置的iframe的宽度和高度不起作用，请提前感谢

<iframe width="200px" height="200px...></iframe>

---

如果在iframe上设置宽度和高度（如下所示）不起作用

<iframe width="200px" height="200px...></iframe>

内容是搜索的结果。当我在浏览器中加载它时，它会显示整个页面。我没有对内容应用任何样式。我所做的是将iFrAME的SRC属性设置为查询结果，如果您的内部内容没有被任何元素包装或包装，那么您应该考虑用具有宽度和高度属性的div元素来包装它。例如：
内容…
。看看这是怎么回事。谢谢侯赛因-我确实发现我必须调整父div的高度，并确认如果我加载谷歌页面，整个页面都会显示出来。然而，我的查询的结果页面仍然表现出不同的行为，只显示在iframe大约50px的高度（宽度很好）。我的下一步是尝试捕获iframe的onload事件，以便在加载后尝试调整高度。还有其他建议吗？@music，您可以使用jQuery强制内容的高度调整为iframe的高度。你可以做
$（'content'）.height（'iframe'）.height（）
其中
#content
是iframe内内容的id。内容是搜索结果。当我在浏览器中加载它时，它会显示整个页面。我没有对内容应用任何样式。我所做的是将iFrAME的SRC属性设置为查询结果，如果您的内部内容没有被任何元素包装或包装，那么您应该考虑用具有宽度和高度属性的div元素来包装它。例如：
内容…
。看看这是怎么回事。谢谢侯赛因-我确实发现我必须调整父div的高度，并确认如果我加载谷歌页面，整个页面都会显示出来。然而，我的查询的结果页面仍然表现出不同的行为，只显示在iframe大约50px的高度（宽度很好）。我的下一步是尝试捕获iframe的onload事件，以便在加载后尝试调整高度。还有其他建议吗？@music，您可以使用jQuery强制内容的高度调整为iframe的高度。你可以做
$（'content'）.height（'iframe'）.height（）
其中
#content
是iframe内内容的id。