Html 第'页中的水平滚动；s表格使页面宽度超过100%

我在我的网站上制作了一个水平滚动的

表格

，使整个网站像往常一样

更长。（截图）
有没有办法防止这种情况？
这是我的
html
和
css



.wrapper{
/*桌子*/
身高：40%；
宽度：60%；
溢出：滚动；
空白：nowrap；
边界塌陷：塌陷；
填充：0；
保证金：0；
}
.wrapper_uudiv{
/*围桌跳水*/
显示：内联块；
溢出y：隐藏；
}

受注番号
会社名
受注日
販売会社
契約年数
月額利用料
没问题，请注意包装器总是放在水獭层，所以里面的内容宽度会溢出
<div class="wrapper_">
    <table border="1" style="font-size:10pt;" class="wrapper">
        <tr><th></th><th>受注番号</th><th>会社名</th><th>受注日</th><th>販売会社</th><th>契約年数</th><th>月額利用料</th></tr>
        <tbody>
            < SOME PHP INSIDE ?>
        </tbody>
    </table>
</div>

.wrapper {   /*  table */
  height:40%; 
  width:60%;
  white-space:nowrap;
  border-collapse: collapse;
  padding: 0; 
  margin: 0;
}
.wrapper_ { /* remove div */
  display: block;
  overflow-y: hidden;
  overflow-x: auto
}