表格单元格并未坚持高度我正试图强制执行

Question

我的<td>只是空的，因为它只包含 。我试图强制执行的高度为110像素，但由于某种原因，表格单元格的渲染高度为182.317像素。为什么呢？

我已经检查了一些事情：

• 适用于不间断空格的font-size未设置为无法放入表格单元格的内容。
• 同一行上没有需要拉伸的表格单元格，以便将其内容放入该单元格中。
• 没有一段CSS代码用182.317像素的无法解释的值覆盖我想要的高度。

还有什么可能是罪魁祸首？单元格在Chrome中呈现预期的高度，但在Firefox 3.6中却很糟糕。渲染模式是XHTML 1.0严格（是的，我确实验证了）。

更新：您可以在http://labs.pieterdedecker.be/vspwpg/查看和分析页面。我正在谈论的<td>是leftbartop。

Answer 1

使用Firebug并通过元素检查器查看单元格。在使用Firebug的右下角，看看风格。向下滚动，直到看到设置单元格高度的区域。如果仍然找不到它，请尝试右键单击样式区域并将其添加到最顶部样式选择器中。

最终你会找到覆盖样式的罪魁祸首，或者你将能够找到一个可以用来覆盖正在应用的样式的类。您还可以使用Google Chrome's开发人员工具执行相同的操作（只需右键单击页面上的任意位置，然后单击“检查元素”即可启动它们。）

Answer 2

您是否为表格单元格或级联中的某个地方设置了line-height直接影响它？

Answer 3

如果你说

，它会起作用吗？

{height:95px !important;}

也许您已经设置了填充或类似于影响td的内容

Answer 4

您没有说明表中的哪些列存在问题。但是，我怀疑它是：

<td id="bottombar2" colspan="2"></td>

属性colspan="2"告诉单元格高两行。你的行是95px，这将使它高190px（大约你看到的高度）。

表中的每一行都指定了不同数量的列5,1和3.这可以解释为什么不同浏览器对表的呈现方式不同。