Html 调整块大小时固定表大小

问题是我有一个可调整大小的whindow，我有一个表。但是我需要这张桌子一直保持同样的尺寸。当我缩小它的时候，滚动条就会溢出

左边有两张桌子：左边是我需要的，右边是我有的

正如你所看到的，它不会在垂直方向和水平方向上溢出，它会以任何方式收缩到某个临界位置，而只是溢出

多谢各位

.customtable{
字体大小：14px；
}
.自定义表格标题{
颜色：#fff；
背景：线性梯度（到底部，#60748c0，#48586b33%，#303030100%）；
文本对齐：左对齐；
}
.自定义表格标题单元格{
垫面：5px；
垫底：5px；
填充物：5em.6em.4em.6em；
空白：nowrap；
文本溢出：省略号；
}
.customtable标题单元格：悬停{
不透明度：.8；
背景图像：无，线性渐变（至底部，rgba（255255.4）0%，rgba（255255.0）100%）；
背景位置：50%50%；
}
.customtable标题单元格：第n个子项（偶数）{
边框样式：实心；
边框宽度：0 1px；
边框颜色：#d5d5d5；
}
.customtable网格行：第n个子行（奇数）{
背景色：#afafaf；
颜色：#000000；
}
.customtable网格行：第n个子行（偶数）{
背景色：#4e4e；
颜色：#ededed；
}
.customtable网格行：悬停{
背景图像：无，线性渐变（至底部，rgba（255255.4）0%，rgba（255255.0）100%）；
背景位置：50%50%；
}
.customtable网格行td{
垫面：5px；
垫底：5px；
线高：正常；
填充：.4em.6em；
空白：nowrap；
文本溢出：省略号；
}
.customtable网格行td:n子行（偶数）{
边框样式：实心；
边框宽度：0 1px；
边框颜色：#d5d5d5；
}

月
销售额
一月
$ 50,000.00
二月
$ 10,000.00

您可以做的是将表格放在一个具有固定高度和宽度的div中，并且将表格高度和宽度设置为固定。例如：

.fixed-div{
    height: 180px;
    width: 160px;
    overflow-y: scroll;
    overflow-x: auto;
}

.fixed-table{
    width: 200px;
}

下面是一些其他小修补程序的完整代码（我还创建了一些额外的行，只是为了说明这是如何工作的）：

.fixed div{
高度：180像素；
宽度：160px；
溢出y：滚动；
溢出-x：自动；
}
.固定桌{
宽度：200px；
}
.可定制{
字体大小：14px；
}
.自定义表格标题{
颜色：#fff；
背景：线性梯度（到底部，#60748c0，#48586b33%，#303030100%）；
文本对齐：左对齐；
}
.自定义表格标题单元格{
垫面：5px；
垫底：5px；
填充物：5em.6em.4em.6em；
空白：nowrap；
文本溢出：省略号；
}
.customtable标题单元格：悬停{
不透明度：.8；
背景图像：无，线性渐变（至底部，rgba（255255.4）0%，rgba（255255.0）100%）；
背景位置：50%50%；
}
.customtable标题单元格：第n个子项（偶数）{
边框样式：实心；
边框宽度：0 1px；
边框颜色：#d5d5d5；
}
.customtable网格行：第n个子行（奇数）{
背景色：#afafaf；
颜色：#000000；
}
.customtable网格行：第n个子行（偶数）{
背景色：#4e4e；
颜色：#ededed；
}
.customtable网格行：悬停{
背景图像：无，线性渐变（至底部，rgba（255255.4）0%，rgba（255255.0）100%）；
背景位置：50%50%；
}
.customtable网格行td{
垫面：5px；
垫底：5px；
线高：正常；
填充：.4em.6em；
空白：nowrap；
文本溢出：省略号；
}
.customtable网格行td:n子行（偶数）{
边框样式：实心；
边框宽度：0 1px；
边框颜色：#d5d5d5；
}

月
销售额
一月
$ 50,000.00
二月
$ 10,000.00
一月
$ 50,000.00
二月
$ 10,000.00
一月
$ 50,000.00
二月
$ 10,000.00

您可以做的是将表格放在一个具有固定高度和宽度的div中，并且将表格高度和宽度设置为固定。例如：

.fixed-div{
    height: 180px;
    width: 160px;
    overflow-y: scroll;
    overflow-x: auto;
}

.fixed-table{
    width: 200px;
}

下面是一些其他小修补程序的完整代码（我还创建了一些额外的行，只是为了说明这是如何工作的）：

.fixed div{
高度：180像素；
宽度：160px；
溢出y：滚动；
溢出-x：自动；
}
.固定桌{
宽度：200px；
}
.可定制{
字体大小：14px；
}
.自定义表格标题{
颜色：#fff；
背景：线性梯度（到底部，#60748c0，#48586b33%，#303030100%）；
文本对齐：左对齐；
}
.自定义表格标题单元格{
垫面：5px；
垫底：5px；
填充物：5em.6em.4em.6em；
空白：nowrap；
文本溢出：省略号；
}
.customtable标题单元格：悬停{
不透明度：.8；
背景图像：无，线性渐变（至底部，rgba（255255.4）0%，rgba（255255.0）100%）；
背景位置：50%50%；
}
.customtable标题单元格：第n个子项（偶数）{
边框样式：实心；
边框宽度：0 1px；
边框颜色：#d5d5d5；
}
.customtable网格行：第n个子行（奇数）{
背景色：#afafaf；
颜色：#000000；
}
.customtable网格行：第n个子行（偶数）{
背景色：#4e4e；
颜色：#ededed；
}
.customtable网格行：悬停{
背景图像：无，线性渐变（至底部，rgba（255255.4）0%，rgba（255255.0）100%）；
背景位置：50%50%；
}
.customtable网格行td{
垫面：5px；
垫底：5px；
线高：正常；
填充：.4em.6em；
空白：nowrap；
文本溢出：省略号；
}
.customtable网格行td:n子行（偶数）{
边框样式：实心；
边框宽度：0 1px；
边框颜色：#d5d5d5；
}

月
销售额
一月
$ 50,000.00
二月
$ 10,000.00
一月
$ 50,000.00
二月
$ 10,000.00
一月
$ 50,000.00
二月