防止iframe在内容更改时调整大小

时间:2014-02-28 21:18:43

标签: html iframe reload collapse

我在表格单元格中有一个iframe,大概是:

<table>
  <tr>
    <td>
       <iframe style=height:100%; width:100% src="content.aspx" />
    </td>
  <tr>
</table>

当页面最初正确加载所有大小时,iframe会扩展到单元格的整个区域。如果你重新加载执行提交的单元格的内容,iframe会崩溃,大概是因为它认为没有内容,但是一旦内容加载就不会重新展开。

这可以预防吗? iframe height = 100%总是......

**更新:这是我的实际iframe:

<iframe id="frmContent" runat="server" frameborder="0" src="Home.aspx" style="height:100%; width:100%; margin:0; padding:0; display:block" >

我发现问题是display:block,但是如果我不使用iframe会在其下面渲染额外的空间,这会占用我的布局,导致额外的滚动条。

1 个答案:

答案 0 :(得分:1)

一些问题:

  • 如果属性值包含空格,则必须将它们包装在引号中。
  • iframe的大小不取决于其内容。
  • height: 100%仅适用于无法增加父级高度的元素,即不在文档正常流程中的元素(绝对或固定位置),或者父级具有给定高度的元素(不是自动) )。