Html css小数百分比高度的TD单元格在Chrome中获得不正确的实际高度

当我试图在表格中创建TD网格时，TD单元格的总高度占表格高度的100%，我发现当我将TD的css高度设置为小数点时，计算出的高度比Chrome 28中预期的要大（最后几行被挤压）。但是，当我将css高度更改为整数时，计算的高度将变得正确

请在此处查看问题的复制：

在本例中，每个表中有33行

请注意，每个表的td单元格具有不同的css：

.main td {
    width:50%;
    height: 3.03%;    
}

.main2 td{
       width:50%;
    height: 3.00%;    
}

有趣的是，在IE10中，单元格似乎显示正确，但两组表重叠

在FF16中，这很好

---

有人知道这个问题的解决方案吗？

这可能是基于Webkit的浏览器中的一个bug。但是您不必要地混淆了表算法。。。！为什么要或应该显式地设置每个TD的高度，而表算法将自行设置？因此，避免该问题的最简单方法是简单地设置TDs的高度

请参阅更新的JSFIDLE：

从语义的角度来看，您的代码是非常有问题的，给每个元素赋予相同的类也是非常低效的CSS（希望您这样做只是为了好玩）

经过这么多年，桌子仍然是一个“特殊问题”。。。！因此，仅将其用于表格数据，而不用于其他数据

---

HTML和CSS提供了许多其他的可能性，这些可能性甚至在语义上更大

是其他一些问题迫使我执行类似的操作，显示的问题显示了所有的细节。但是你是对的，只需去掉百分比就可以解决问题。

...