html - 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;
}