使iframe中的元素溢出[重复]答案

【问题标题】：make an element overflow out of an iframe [duplicate]使iframe中的元素溢出[重复]
【发布时间】：2011-08-17 07:36:56
【问题描述】：

可能重复：
Is there a way to have content from an IFRAME overflow onto the parent frame?

这是我的问题：我有两种类型的对话（应该）看起来和行为相同。一种将内容直接加载到页面中，另一种使用 iframe 加载内容。我有一个元素需要从 iframe 溢出并完全显示在页面上。该元素基本上是使用列表 (ul/li) 构建的增强选择元素。我怎样才能使它充当 iframe 内的选择并溢出 iframe？

首先想到的是将选择/列表放在 iframe 之外并将其放置在正确的位置，尽管这需要 iframe 和父级之间的通信比我想要的要多。理想情况下，我想要一个将选择/列表保留在 iframe 中的解决方案。

【问题讨论】：

因为 iframe 基本上是嵌入在 another 页面中的网页，所以我认为这是不可能的。这就像问如何让元素溢出浏览器窗口......至少，我认为是这样。不过，我很想听听其他人对这种情况的看法......
立即思考；不可能。

标签： javascript html css iframe overflow

【解决方案1】：

您可以使用 php 将页面加载到当前页面中。很多人认为 iframe 是不好的做法。加载页面元素只需要几行 php，而不是 iframe，这有时会更慢。

你会怎么做......

<?php
    include('file.html');
?>

您可以将此行放在 a 中并将其包含在页面中，就像使用 iframe 一样。您可以使用 ajax/js 无缝更改 html 的内容，甚至可以根据需要从服务器加载内容。

【讨论】：

通过php我认为你的意思是ajax。 iframe 提供了一个主要好处，即隔离。当您运行单个加载页面时，这是一个非常重要的好处。
那么按照同样的隔离原则，隔离的 iframe 将如何与其父级进行视觉交互？使用 iframe 是不可能的。
@aepheus 没有。在php中，他的意思是php。
@aepheus 好吧，是的，您使用 ajax 和 php 来创建异步加载。这是“隔离”网页的更现代的方式。
@aepheus 为什么会是垃圾？您可以轻松地说 iframe 中的内容也是垃圾。我没有看到你的推理

【解决方案2】：

假设文档是一张图片。

假设 iFrame 是一个真实的框架。

你能把照片从相框里拿出来吗？没有。

这里完全一样。

最好的办法是想办法避开 iFrame。

此外，iFrame 是不好的做法。

【讨论】：

这不是iframes 是不好的做法的原因，尽管它们通常被认为是不好的做法。此外，为屈服于 21 世纪的营销宣传而欢呼，该宣传说任何以“i”开头的字母都必须大写...：P
@Tomalak 我不明白你的意思。 ;)

【解决方案3】：

你不能。

<iframe> 是一个元素，包含一个单独的、不同的浏览器窗口（本质上）。

把它想象成一扇窗户：当你从窗户向外看时，外面的景色会停在窗框上。

这与里面的内容形成对比，比如可滚动的<div>，它更像是一块手持的玻璃片，上面涂了一些东西，还有一些其他的东西用透明胶带粘在边缘并挂在边缘.

【讨论】：