1

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

看看这里问题的复制：http: //jsfiddle.net/RUwLH/3/

在示例中，每个表中有 33 行。

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

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

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

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

在 FF16 中，这工作正常。

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

4

1 回答 1

0

这可能是基于 Webkit 的浏览器中的错误。但是你不必要地混淆了表格算法......！当表格算法自己完成时，为什么要或应该明确设置每个 TD 的高度？因此，避免该问题的最简单方法是简单地为 TD 设置不高度。

查看更新的 jsFiddle：http: //jsfiddle.net/RUwLH/4/

...

从语义的角度来看，您的代码非常有问题，并且为每个元素提供相同的类也是非常低效的 CSS（希望您只是为 Fiddle 这样做）。

这些年来，桌子仍然是一个“特殊问题”......！因此，仅将它们用于表格数据，仅此而已！

HTML 和 CSS 提供了许多其他的可能性，这些可能性甚至更加语义化！

于 2013-09-10T09:48:52.897 回答