html - Chrome 上的 div 排列错误

Question

试图修复一个只出现在 CHROME 中的小错误让我很头疼。
在 the index of my website我有 3 个带有小图像的容器，它们在 IE 和 FF 上看起来不错，但在 CHROME 上第二个容器有位移，我不知道如何修复。
第二个容器有点问题，因为它有一些鼠标悬停效果，大气球作为工具提示，如果我设法将所有 3 个容器放在同一行，工具提示将只显示部分。

请看一看，如果可以的话，请给我一些提示。

提前致谢。

Answer 1

您的标记相当精神 split 。您正在尝试将 position:relative; 与 display:inline 和 float: 结合使用来定位这些元素。

选择一种方法并始终如一地使用它。

我建议将它们 float ，或使用 display:inline-block;。