css - CSS 定位异常 Safari/Chrome

Question

请看下面的例子：

http://6329195.com/stackoverflow/css_li_weird/index.html

如果您刷新页面，每隔一段时间，其中一个图像就会向下移动，与其他图像明显不一致。它似乎不会在 Firefox 中发生。它只偶尔发生一次。大多数情况下它发生在最后一张图像上，但它可以一次发生在任何/多个图像上。您可以在此处查看问题的屏幕截图：

http://6329195.com/stackoverflow/css_li_weird/screenshot.jpg

谁能告诉我出了什么问题/为什么会这样？

（该列表最终用于 jQuery 幻灯片，因此 a 标签中的空白href）

Answer 1

一个类似问题的答案让我尝试vertical-align: top;似乎可行的方法。因此，如果由于某种原因您确实需要保留，overflow:hidden;那么这可能是防止故障/错误的一种方法。

工作示例：http: //jsfiddle.net/rtppE/2/

li.productMenuItem{
    vertical-align: top;
    width: 45px;
    display:inline-block;
    list-style: none;
    height: 45px;
    overflow: hidden
}