Html 在firefox中，div将表列的底部推出

所以我正在为我正在建设的一个新网站设计布局。在chrome中，一切看起来都很好，但由于某些原因，在firefox中，我的div被向下推约600px，并与其他表行重叠，就好像它们不受其父行的约束一样。例如，请访问brewtracker.com

谢谢

将其从brew.css（第3行）中删除

---

另一方面，在现代web开发中，使用表格进行布局是一个很大的禁忌

你为什么要在表格中写这篇文章？我发现用表格把事情排成一行要比在每个地方相对定位div容易得多。。。Shurgit对你来说可能更容易，这可能是你个人的偏好，但对于发展的时代，我建议你学习如何使用更标准的HTML，尤其是对于这样的布局然后我不得不说，表格比CSS更标准化，因为所有浏览器都知道如何绘制表格，但神奇的是，CSS在每个浏览器中的处理方式都不同！我会说，伙计。找桌子。CSS的力量被宣称，但从未被证明。试着用CSS做一个简单的事情，比如水平和垂直对齐，你会踢到你的头。有桌子很容易！先生！提供用于对齐没有定义宽度和高度的div的CSS代码，使其在页面中心垂直和水平对齐，而无需任何额外的div和跨浏览器兼容性。

vertical-align: baseline;