我正在尝试在此代码中实现第二个 iframe 的自动调整大小,
任何帮助,将不胜感激。
CSS
* {
margin: 0;
padding: 0
}
html, body {
height: 100%;
width: 100%;
overflow: hidden
}
table {
width: 100%;
table-layout: static;
border-collapse: collapse
}
iframe {
width: 100%
}
.header {
border-bottom: 1px solid #000
}
.content {
height: 100%
}
HTML
<table>
<tr>
<td class="header"><div><h1>Header</h1></div></td>
</tr>
<tr>
<td class="content"><iframe name="iFrame1" height="85" src="Materials AU Stocked Header.htm" scrolling="no" frameborder="1"></td>
</tr>
<tr>
<td class="content"><iframe name="iFrame2" height="100%" src="Materials AU Stocked.htm" scrolling="yes" frameborder="1"></td>
</tr>
</table>