我正在尝试创建一行可变高度的HTML表

Question

我需要创建一个表，其中第一行将具有可变高度，第二行将是固定高度。

正如你在代码中看到的那样，我在其他方面有几个表，我需要的是第一行带有id表的表，具有可变高度，并且当窗口大小较小时可以获得滚动条以查看整个内容，以及该表的第二行（带按钮的行）需要始终可见。在Chrome中，我想要行为，但在Firefox和IE中，我不需要在所有浏览器中使用它。

<style>
body{
overflow:hidden;
}
</style>
<div class="pane" style="height:100%">
    <table id="table" style="height:100%; width:100%;" cellspacing="0" cellpadding="0">
        <tr style="height:100%">
            <td style="height:100%">
                <div style="overflow:auto; height:100%; width:100%">
                    <div class="pane">
                        <table >
                            <tr >
                                <td >
                                    <table>
                                        <tr><td>aa</td><td>aa</td></tr>
                                        <tr><td>bb</td><td>bb</td></tr>
                                        <tr><td>cc</td><td>cc</td></tr>
                                    </table>
                                </td>   
                            </tr>
                            <tr >
                                <td>
                                    <table>
                                        <tr><td>aa1</td><td>aa2</td></tr>
                                        <tr><td>bb1</td><td>bb2</td></tr>
                                        <tr><td>cc1</td><td>cc2</td></tr>
                                        <tr><td>aa11</td><td>aa22</td></tr>
                                        <tr><td>bb11</td><td>bb22</td></tr>
                                        <tr><td>cc11</td><td>cc22</td></tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </div>  
                </div>
            </td>
        </tr>
        <tr>
            <td>
                <input type="button" value="dugme"/>
            </td>
        </tr>
    </table>
</div>

我必须尊重这个表结构。任何建议都会很棒。