html - Firefox 上的表格单元格宽度加起来不正确

Question

这发生在 firefox 上，而在 chrome 上工作正常。

最后一个单元格占用的空间比分配给单元格的空间多。所有值相加为完整的 100%。

考虑以下代码:

<table style="position: relative;" width="100%" cellspacing="0" cellpadding="0">
    <tbody>
        <tr>
            <td style="background-color:#E5FFC8;border-top:#a6a6a6 1px solid;border-left:#a6a6a6 1px solid;border-right:#a6a6a6 1px solid;border-bottom:#a6a6a6 1px solid" width="75.68%" height="50px"></td>
            <td style="background-color:#FFC2C2;border-top:#a6a6a6 1px solid;border-right:#a6a6a6 1px solid;border-bottom:#a6a6a6 1px solid" width="15.03%"></td>
            <td style="background-color:#9EC6FF;border-top:#a6a6a6 1px solid;border-right:#a6a6a6 1px solid;border-bottom:#a6a6a6 1px solid" width="4.81%"></td>
            <td style="background-color:#FFFF99;border-top:#a6a6a6 1px solid;border-right:#a6a6a6 1px solid;border-bottom:#a6a6a6 1px solid" width="1.83%"></td>
            <td style="background-color:#FFCC99;border-top:#a6a6a6 1px solid;border-right:#a6a6a6 1px solid;border-bottom:#a6a6a6 1px solid" width="2.46%"></td>
            <td style="background-color:#FFC8EC;border-top:#a6a6a6 1px solid;border-right:#a6a6a6 1px solid;border-bottom:#a6a6a6 1px solid" width="0.19%"></td>
        </tr>
    </tbody>
</table>

这是在 Chrome 上:Chrome

这是在 Firefox 上:Firefox

在 Linux 上测试，Firefox 版本:Quantum 66.0.4，Chrome 版本:74.0.3729.169

Answer 1

像这样编辑你的最后一行。

<td style="background-color:#FFC8EC;border-top:1px solid #a6a6a6;border-right:1px solid #a6a6a6;border-bottom:1px solid #a6a6a6; width:0.19% !important" width="0.19%"></td>