iframe 默认高度答案

【问题标题】：Iframe default heightiframe 默认高度
【发布时间】：2010-07-26 17:56:36
【问题描述】：

为什么 iframe 里面的 html 内容只有 20px 的时候，默认的高度是 100px？

在缩略图下方有两个 iframe 将内容推送到其下方，但不应这样做，因为它们中没有那么高的内容。

我无法为 iframe 设置静态大小，因为它们将被横幅动态填充，并且需要动态调整自身大小。

【问题讨论】：

【解决方案1】：

IFrame 无法根据内容的高度自行调整。它们总是有一个静态高度——可能是一些默认高度，如果作者没有，浏览器会设置它。

如果 iframe 的内容与“外部”内容来自同一个域，那么您可以使用 JavaScript 来调整大小。

【讨论】：

【解决方案2】：

我不确定是否 100%，但是在将文档加载到 iframe 中时，我可以看到 body 和 div 样式有 height: 100% 可能是问题所在。

但是你真的需要使用 iframe 吗？根据 W3C，您不应该这样做。如果您希望动态放置一些内容，为什么不使用 Ajax？你已经通过 jQuery 脚本做到了。所以只需修改它并将内容放入div，而不是iframe。

不要使用框架，使用 Ajax ;)

【讨论】：

我尝试使用 ajax，但是当通过 ajax 加载时 openx 区域会制动整个站点，我猜是 javascript 正文写入功能的原因。
您使用的是什么格式？ JSON 还是您发送 HTML 代码？如果 HTML 格式良好，那么 $(#'id').html() 应该可以解决问题。
你为什么断言 W3C 说你不应该使用 iframe？它在 HTML 4 和 XHTML 规范中。而且它仍然是 HTML5；事实上，它最近获得了几个属性：w3.org/TR/html5-diff/#new-attributes