Html 安装容器时不要使车身溢出

Html 安装容器时不要使车身溢出,html,css,Html,Css,我希望将乘法表放入body元素中,这样它就可以保持在bode的边界内,并且在页面调整大小时自动进行调整 现在看起来是这样的(表格超出了主体边界): 我试过: display: block; overflow: auto; 但它什么也没做。 我用这篇文章作为参考: 简化HTML: <div class="container"> <table id="multTable"></table> </div>

我希望将乘法表放入body元素中,这样它就可以保持在bode的边界内,并且在页面调整大小时自动进行调整

现在看起来是这样的(表格超出了主体边界):

我试过:

display: block;
overflow: auto;
但它什么也没做。 我用这篇文章作为参考:

简化HTML:

<div class="container">
   <table id="multTable"></table>
</div>

让container div可以滚动怎么样

html{
背景色:#9FA5FF;
身高:100%;
}
身体{
背景色:#E2E3FF;
保证金:0自动;
宽度:10%;/*更改为适当尺寸*/
身高:100%;
}
.集装箱{
溢出:滚动;
宽度:100%;
}
#多功能{
保证金:自动;
高度:200px;
/*溢出-x:滚动;
溢出y:滚动;
显示:块*/
}

12345678910
12345678910
12345678910
12345678910
12345678910
12345678910
12345678910
12345678910
12345678910
12345678910
html {
  background-color: #9FA5FF;
  height: 100%;
}

body {
  background-color: #E2E3FF;
  margin: 0 auto;
  width: 70%;
  height: 100%;
}
#multTable {
  margin: auto;
  height: 200px;
  overflow-x:scroll;
  overflow-y:scroll;
  display:block;
}