Javascript 如何在Html上调整容器中表的比例？

如果用户在矩阵中添加collone或line，我就无法自动调整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>

---

非常感谢

也发布HTML。。（另外我必须说，你写的东西真的很难理解，没有双关语的意思）。对不起，你完全正确。我更改了问题的描述并添加了html代码