这是我的 div 和 iframe:
<div class="divMinorView">
<!-- Selected order-->
<iframe id="ifMinor" src="#"></iframe>
</div>
同样在 iframe 内部我有这个表,它填充数据行,有时是 10 行,有时可能是 50 到 100 行:
<table id="slot_table">
<thead>
<tr>
<th> </th>
</tr>
</thead>
<tbody id="slot_rows">
<?php if (count($slots) == 0): ?>
<tr class="none">
<td colspan=9>No slots found in that minor code.</td>
</tr>
<?php else: ?>
<?php foreach ($slots as $slot): ?>
<tr <?php if ($slot->is_expired($end_db_fmt)) { echo 'class="expired"'; } ?>>
<td class="actions">
<?php if (!$slot->is_expired($end_db_fmt)): ?>
<span class="expire_slot">X</span>
<span class="expire_error faux_links tip" data-tip="There has been an error"><img src="/images/thumbs_down_ico.png" width="13" height="13"></span>
<?php endif; ?>
</td>
</tr>
<?php endforeach; ?>
<?php endif; ?>
</tbody>
<tr>
<td> </td>
<td>
<select id="new_style" name="style">
<?php foreach ($style_list as $style): ?>
<option value="<?php echo $style->get_id(); ?>"><?php echo $style->get_desc(); ?></option>
<?php endforeach; ?>
</select>
</td>
<td class="ints"><input id="new_price" type="text" name="price_point" value=""></td>
<td><input type="submit" name="add_slot" id="add_slot" value="Add slot"></td>
</tr>
</table>
我尝试将 css 设置height:100%;
为以及body{ margin:0; }
我尝试将 iframe id 设置为scrolling="no"
.
我不确定为什么我无法将数据填充到屏幕底部。它不需要滚动,除非填充的数据填满了页面上的所有空间而不是滚动。
任何帮助将不胜感激。我应该使用一些 jquery 来解决高度问题吗?
$("iframe").height($("#divMinorView").height());
$(window).resize(function() {
$("iframe").height($("#divMinorView").height());
});