2010-07-26 118 views
0

为什么iframe中的html内容只有20px时,其默认高度约为100px?Iframe默认高度

您可以查看这里的例子:http://www.tulumarka.com/galerija/28497/after-beach-party---02072010papaya/?pid=418319

下面的缩略图有两个I帧是推动之下他们说的内容,但不应该这样做的原因,他们有他们没有的内容是那么高。

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

回答

2

的IFrame不能调整自己,其内容的高度。它们总是有一个静态的高度 - 可能是一些默认的高度,如果作者没有设置,浏览器会设置这个高度。

如果iframe的内容由与“外部”内容相同的域提供,那么您可以使用JavaScript调整大小。

+0

您可以参考文档吗?谢谢。 – 2015-10-12 12:56:09

0

我不确定100%,但在加载的文档中有iframe我可以看到,bodydiv风格有height: 100%也许这就是问题所在。

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

不要使用框架,使用Ajax)

+0

我试过使用ajax,但通过ajax刹车整个网站加载时,openx区域,原因的JavaScript身体写功能我猜。 – dfilkovi 2010-07-26 11:46:43

+0

你使用什么格式? JSON还是发送HTML代码?如果HTML格式良好,那么$(#'id')。html()应该可以做到。 – Ventus 2010-07-26 12:42:33

+1

为什么你断言W3C说你不应该使用iframe?它在HTML 4和XHTML规范中。它仍然在HTML5中;实际上,它最近获得了几个属性:http://www.w3.org/TR/html5-diff/#new-attributes – 2011-04-27 19:01:33