jQuery：如何同步表格单元格/行高度

如何同步两个表的行高（如果相邻放置，则使它们看起来像一个表）？ 这是一个JSFIDLE 在Firefox中运行良好-在Chrome或IE中不起作用

问题是，将一个单元格的jQuerys

.height（）

传递给另一个单元格

.height（）

会使这些单元格在Chrome和IE中的高度不相等，但在Firefox中效果很好

正如你在小提琴中看到的，第一行总是短了2个像素。发生在所有行上。这是针对Chrome和IE10的。Firefox中的一切都很好

为什么

element.height（otherElement.height（））不让它们的高度相等？
例如：

我还尝试了window.getComputedStyle，但在那里得到了相同的结果。
我在Chrome中破解了这个问题

问题在于td高度的测量。我已将td的CSS更新如下：

table td {
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

这个额外的代码告诉浏览器在高度和宽度测量值中包含填充和边距，这样在处理这些元素时就不会出现差异

我怀疑Chrome和其他失败的浏览器在读取和设置该属性时不一致。
我们也可以看到CSS吗？当然可以。我更新了帖子。这些是基本的CSS定义。这是一个干净的JS问题，我删除了我的示例用例，以支持JSFIDLE，因为它更干净，使用起来更好感谢JSFIDLE，这是完美的。你也可以通过使用
tr
的高度来解决这个问题，而不是
td
——这是我在看到你的答案之前所做的。很好。@Sumit-是的，我想这会起作用，因为tr高度已经覆盖了（td高度）+（td边界）。