iFrame自动高度

时间:2012-12-21 19:45:18

标签: javascript iframe

有没有办法用iFrame做到这一点并让它适用于所有浏览器?或者我是否必须使用Javascript。如果有的话,有人可以帮助我吗?

我需要有一个自动高度,以便根据需要进行扩展。

谢谢!

1 个答案:

答案 0 :(得分:0)

我前段时间找到了解决方案。它没有JS,但你必须使用table。这就是我使用它的方式,也许你需要做一些改变才能满足你的需求。

<head>
<style>
*{margin:0;padding:0}
html, body {height:100%;width:100%;overflow:hidden}
table {height:100%;width:100%;table-layout:static;border-collapse:collapse}
iframe {height:100%;width:100%}

.header {border-bottom:1px solid #000}
.content {height:100%}
</style>
</head>

<table>
  <td class="header"></td>
  <td class="content" width="80%" valign="top"><iframe id="reportframe" src="src.html" frameborder="0"></td>
</table>