CSS表显示差异 - Chrome与Firefox

Question

我最近注意到我的网站虽然在Firefox中显示得很好但仍然在Chrome中被破坏了.在我的页面上学习了HTML和CSS -

http://www.designlagoon.com/what-we-do/

Chrome中4个蓝色标题下方的差距比Firefox更大 - 这打破了包含框的框架.这似乎与我正在使用的表格布局的填充/边距有关,但我正在努力解决问题.

如果有人能够解释可能导致问题的原因,我真的很感激!

Answer 1

这与我昨天发布的一个问题有关:Firefox:盒子模型的错误解释？

实际上,它的Chrome表现正常:td高度为150px +填充15px(x2)= 180px.

在向td添加填充时,Firefox会进行错误计算.

因此,您最好的方法是删除单元格上的填充,并为其内容添加边距.