Html CSS未应用于溢出

我有一个从文本文件加载的表。该表包含在容器div中。我已经设置了该表的样式，但是当该表的列数超过容器div的宽度时，内容溢出，现在可以滚动。但是，这不是问题，从溢出发生的位置来看，表的样式不再适用

请看图片：

此表的样式如下所示：

table.static {
 width: 100%;
 margin-bottom: 0!important;
 margin-top: 0!important;
}

table.static thead {
  background: #D0D6DA;
  border-bottom: 1px solid #aaa;
}

table.static thead tr th {
 border-left: none;
 border-right: none;
 line-height: 30px;
 padding: 0 10px;
 text-align: left;
 color: #333;
 font-weight: 400;
 text-shadow: 0 1px 0 #fff;
}

table.static tbody tr td {
 line-height: 25px;
 padding: 0 10px;
 border: 0 solid #999;
}

table.static tbody tr td {
 border-bottom: 1px solid #E1E5E7;
}

table.static tbody tr:last-child td {
 border-bottom: 0;
}

table.static tbody tr.even td {
 background-color: #EDF1F3;
 border-bottom: 1px solid #D8DCDE;
}

table.static tbody tr td input,
table.static tbody tr td button {
 margin: 10px 0;
}

谁能解释一下为什么会发生这种情况，以及我能做些什么来解决它？谢谢

试试这个

table.static {
    min-width: 100%;
    margin-bottom: 0!important;
    margin-top: 0!important;
}

---

A（或类似的）将有助于说明您的观点。HTML代码在这里很有用，因为您的表格超过了屏幕宽度的100%（至少我猜是这样），并且您已将“固定”宽度设置为100%。通过这种方式，您已经将您的桌子设置为至少100%宽，但如果需要，它可能会拉伸。