0

这是我的 div 和 iframe:

<div class="divMinorView">
    <!-- Selected order-->
    <iframe id="ifMinor" src="#"></iframe>
</div>

同样在 iframe 内部我有这个表,它填充数据行,有时是 10 行,有时可能是 50 到 100 行:

<table id="slot_table">
    <thead>
        <tr>
            <th>&nbsp;</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>&nbsp;</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());
});
4

0 回答 0