Javascript 根据iframe内的内容调整iframe及其父级高度的大小

关于根据内容调整iframe高度，有很多问题需要回答，但是如果内容太长并且超过容器的高度，该怎么办呢。在这种情况下，我希望容器的高度相应地调整大小，并且在将溢出设置为隐藏的情况下，不会对iframe进行滚动或修剪。如何做到这一点？

由于您的文档和iframe是不同的域，因此其中一个域的javascript无法直接访问另一个域的DOM（请参阅）。这意味着您无法直接访问iframe的DOM，以了解它希望有多大，从而可以从包含的文档中将iframe大小设置为该大小

执行此操作的任何选项都需要在iframe中进行一些代码控制。例如，您可以在两个iframe之间支持

window.postMessage（）

，包含的文档可以通过

window.postMessage（）

询问iframe希望有多大，当它收到响应时，它可以更改iframe的大小

各种参考资料：

---

您是要从iframe中的JS调整iframe的大小，还是要从包含的文档调整iframe的大小？iframe是包含页面的某个域吗？我正在尝试根据iframe的内容使用js调整iframe及其容器的大小。它们不在同一个域上。您是想从iframe中的JS还是包含文档中的JS进行处理？换言之，您尝试从中执行此操作的javascript在哪里？它位于包含文档的内部。非常感谢jfriend00。这有帮助。我还有一个问题是关于将iframe溢出放置在容器顶部，但因为它与这个问题无关，我只是标记您的答案并打开另一个问题。如果您问我，这应该添加到HTML/CSS标准中，使用一个真正简单的设置，如

framewrap:vertical响应文本可以是高文本，也可以是短文本：-/