javascript - 如何在 Html 上调整容器中表格的比例？

Question

如果用户在矩阵中添加冒号或行，我无法自动调整 div 中的表格。即使它的大小超过，我希望他仍然通过设置更小的比例来填充我的“容器 div”。是否可以仅调整我的表格大小以保持容器的大小？总是把我的桌子放在中间？

这是我使用的css：

CSS

.container{
    background-image: url(image/block_surveillance_content.gif);
    background-position: bottom right;
    padding-bottom: 10px;
    width: 320px;
    height:400px;

}

.matrice{
    height:100%;
    width:100%;
 }

HTML

<div id="block" class="container">
  <table id="dataArray" class="matrice">
    <tr>
        <td></td>
        <td>
                <asp:Table runat="server" ID="matrixColumnLabel" ></asp:Table>
        </td>
    </tr>

    <tr>
        <td>
            <asp:Table runat="server" ID="matrixLineLabel" style="position:relative;margin:6px"></asp:Table>
        </td>
        <td>
            <asp:Table runat="server" ID="tableMatrice" CellPadding="0" CellSpacing="0" style="margin:6px"></asp:Table>
        </td>
    </tr>
  </table>
</div>

非常感谢