table里面出现给td给宽度不起作用的现象解决

我要实现一个一行有六个td的表格，分别给予10%、 10%、 %10 、%30、 %20、 %10的宽度，可是之后我发现20%的宽度不生效，它的宽度和30%保持一致，这时候我们需要在css里面加入width：100%（一定要大于td宽度的总和）table-layout:fixed;才能解决问题。

.popShow .table-box table {
     font-size: .35rem;
     text-align: center;
     width: 100%;
     table-layout:fixed;
 }