表格單元不堅守高度我試圖強制執行

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開發人員工具執行相同操作（只需在頁面上的任意位置單擊鼠標右鍵並選擇「檢查元素」即可）。