Firefox表边框不一致 - 但是当检查器打开时不会

Question

如果表格显示不正确，直到我调出检查员，然后一切都神奇地显示出来，这是什么意思？

我有一张桌子要显示，我希望细胞周围有边框。有些单元格不能始终如一地显示边框。如果我刷新页面，则会随意概述单元格。如果我然后选择Developer>Inspector选项，则会立即正确显示所有单元格。此外，如果我调整浏览器的大小，表格将正确显示。当我在Chrome中显示同一页面时，单元格总是被勾勒出来。我认为真正的线索是打开检查器会使表格正确显示......检查员在做什么？我使用的是Mozilla的53.0.2版本。

以下是表格样式：

<style>
.statusTable {
    width:100%;
}
.specialRow td {
    padding:3px;
    padding-top:20px;
    background-color:#EEE;
}
.outlinedRow td {
    padding:3px;
    border-width:1px;
    border-style:solid;
    border-color:grey;
}
.statusTable tr th{
    padding:3px;
}
</style>

有两种样式的行，或者是＃row; specialRow＆＃39;或者＆＃39; outlineRow＆＃39;。当页面刷新时，我得到了这个：

但如果我启动检查员，则显示已更正：

我应该寻找什么想法？

编辑1

这绝对与缩放无关。我在任何放大级别看到同样的问题。刷新以100％的比例绘制随意网格，当我放大和缩小时网格保持随意。有时，当缩放网格的其他部分时会消失。

我已经使用border-collapse: separate border-collapse: initial以及border-collapse: collapse进行了测试，并且在所有情况下都会出现问题。

Answer 1

问题在于＆＃34; tbody＆＃34;标签不匹配。我有一个开口<tbody>而另一个在块的末尾 - 我没有斜线。布局引起很多问题并不奇怪。然而，奇怪的是，提起检查员显然会在那个时间点检查HTML的有效性，在没有任何指示的情况下纠正问题。 Chrome似乎在初始页面加载时更正了。

修正了tbody结束标记，一切正常。

注意：我确实注意到对bootstrap的依赖。如果我删除了bootstrap CSS文件，整个布局都被破坏了，但表格边框是正确的。我尝试了除tbody以外的标签，没有这个问题。因此，不平衡的tbody与boostrap和边界之间存在一些不确定的联系，但我没有时间找到更多细节。