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