Html 四舍五入固定表布局跨元素单元格宽度百分比计算

注意：这个问题似乎只发生在像Chrome这样的闪烁浏览器中。在撰写本文时，Firefox中没有出现这种情况

我有一个

表格布局：固定了
表格，其中包含跨越多列的一些元素。为了确保填充整个列，它们使用
calc（）
确定其宽度为（colspan）100%的倍数加上边框占用的空间

例如，跨越三列的项目将是
calc（300%+2px）
，即三列宽度加上它们之间两个1px厚的边框

在Chrome中，此计算会导致某些屏幕宽度的列中没有填充项目。调整屏幕大小时，舍入似乎会导致项目在达到正确值时“跳转”


除了四舍五入之外，还有其他原因吗？我能做些什么来防止这种情况发生吗？大概把整个表换成相等的div单元格是可行的，但我更愿意使用我现有的单元格


表格{
表布局：固定；
宽度：100%；
边界塌陷：塌陷；
}
运输署{
位置：相对位置；
填充：0；
边框：1px纯黑；
}
.扳手{
宽度：计算（600%+5px）；
背景色：rgba（254,0,11,0.3）；
}

一些
桌子
细胞
是
向上的
在这里
这里有一些div是用来跨越前两个表单元格的，但它并没有做到这一点
您应该使用“colspan”属性

<table>
  <tbody>
    <tr>
      <td>Some</td>
      <td>table</td>
      <td>cells</td>
      <td>are</td>
      <td>up</td>
      <td>here</td>
    </tr>
    <tr>
      <td colspan="2">
        Here's some div that is meant to span the first two table cells
      </td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
  </tbody>
</table>

边框应包含在宽度计数中
我不需要单元格跨列，单元格中的某些div需要跨列。它们可能是偏移的，也可能不是全宽的<代码>框大小
在这里似乎没有什么区别，我的已设置为
边框框
。
box-sizing : border-box