Firefox中的CSS表格，表格单元格高度问题

Question

首先，我有一些示例和代码here（我一直在玩的网站）。这是实际链接，以防万一：http://www.williamrosmus.com/examples/calendar1_wf.html

这是我专门针对Firefox的一个问题（我正在使用v3.6），我想知道发生了什么。 Requonc显示合理，IE8完美无缺。

对于学习练习，我使用CSS表而不是传统的html标签在xhtml中手动创建了一个日历。我将单元格的高度和宽度设置为100px×100px。然而，一些单元格为空的顶行和底行在Firefox中显示得太高。

有关如何解决此问题以正确显示或使用Firefox进行操作的任何建议或意见？

此致

BillR

除此之外，根据Robin的建议，我将此记录为mozilla.org上的错误。有人刚刚证实了这一点。如果有人有兴趣：

https://bugzilla.mozilla.org/show_bug.cgi?id=634489

Answer 1

将 粘贴在空单元格内？

我刚测试过，这在Firefox中修复了它。

---

I found a page更多地讨论了你所遇到的问题。

它提出了CSS替代方案; table { empty-cells: show }，请参阅：

https://developer.mozilla.org/en/CSS/empty-cells

但是，对于<div>代码为display: table-cell的Firefox，这似乎没有帮助。

Answer 2

有关详细信息，请参阅https://bugzilla.mozilla.org/show_bug.cgi?id=634489和https://bugzilla.mozilla.org/show_bug.cgi?id=569645中的讨论。 （但是，对所有表格单元格使用“vertical-align：top”或“vertical-align：bottom”应该是一个合理的解决方法。）

Answer 3

我相信这是Gecko中的一个错误。我浏览了Bugzilla（https://bugzilla.mozilla.org/），但找不到任何报告此内容的人。使用简化的测试用例（或者只是当前链接中的链接）来填写错误可能是值得的，看看那里的开发者是怎么做的。

关于具体的解决方法，thirtydot建议 可能是你最好的选择。

Answer 4

当我将div.calendar_day的显示更改为“inline-block”或“block”而不是table-cell并添加了float：left时，高度已正确呈现。