html - 无法调整表格大小以适合 div 内容

Question

希望您能提供帮助，问题是我有一个无法设置其最大宽度的表格，并且它与 div 重叠。我试图在 CSS 中更改它的 div 但徒劳无功。

repairs 表是该表的 div，我也尝试将其包含在另一个名为 tableholder 的 div 中，但又是徒劳的。

.repairstable {
     margin-left: 10px;
     margin-right: 10px;        
     table-layout:fixed;
     overflow:hidden;
     max-height:125px;
     max-width:75px;
}
#tableholder {
    width 300px;
}

Answer 1

表格总是展开到最小宽度，以使每行中的所有单元格都能正确显示。如果您将表格限制为 300 像素，并且您有两个单元格，每个单元格都包含一些非常长的单词（例如 160 像素），那么表格将是 320 像素宽。

因此，您必须确保表格内容适合您的最大宽度。