CSS没有应用于溢出

Question

我有一个从文本文件加载的表。该表包含在容器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;
}

任何人都可以解释为什么会发生这种情况，以及我可以采取哪些措施来解决这个问题？谢谢

Answer 1

试试这个

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