表格单元不坚守高度我试图强制执行

Question

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

有我已经查了几件事情：

• 适用于非打破空间的font-size没有被设置的东西，无法放入表格单元格。
• 为了使其内容适合该单元格，同一行上没有需要拉伸的表格单元格。
• 没有一段CSS代码覆盖了我想要的高度，使用莫名其妙的182.317像素值。

还有什么可能是罪魁祸首？单元格在Chrome中呈现预期的高度，但在Firefox 3.6中会出现混乱。渲染模式是XHTML 1.0 Strict（是的，我确认了）。

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

Answer 1

您不会说表中的哪一列存在问题。但是，我怀疑它是：

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

属性colspan="2"告诉细胞是两行高。你的行数是95px，这会使它达到190px的高度（大概是你看到的高度）。

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

Answer 2

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

Answer 3

不，如果你说

{height:95px !important;} 

也许你已经设置填充或类似的东西，那是影响TD

Answer 4

使用Firebug它的工作，并采取一看，通过部件检查的单元格。在使用Firebug的右下角，看看风格。向下滚动，直到看到设置单元格高度的区域。如果仍然无法找到它，请尝试在样式区域中单击鼠标右键，然后将其添加到最顶端的样式选择器中。

最终，您会发现覆盖样式的罪魁祸首，或者您将能够找到可用于覆盖正在应用的样式的类。您也可以使用Google Chrome's开发人员工具执行相同操作（只需在页面上的任意位置单击鼠标右键并选择“检查元素”即可）。