我有一个 CSS 驱动的下拉菜单,在 Chrome 中,当我将鼠标悬停在最后一个选项上时,整个菜单会略微向左跳转。我假设这是因为下拉菜单增加了主列表的整体宽度,即使它的样式是 float 的。有没有什么办法解决这一问题? (有趣的是,它并没有在 Firefox 中这样做)
我注意到通过使用 webdeveloper 来勾勒元素,最后一个 li 在悬停时看起来变宽了,但其他的都没有。
适用的源代码在这里: http://jsfiddle.net/WsAEW/
最佳答案
改变这个对我有用:
#menu ul li {
display: inline;
position: relative;
}
为此:
#menu ul li {
display: inline-block;
position: relative;
}
关于css - 如何停止居中的 css 下拉菜单抽动(仅限 chrome),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4772456/