css - 如何在鼠标悬停时停止摆动(跳跃)列表菜单项？

Question

当我将鼠标悬停在 li 上时，我有菜单有点摆动。如何停止摆动。

代码在这里 JSFiddle

Answer 1

摆脱它的最简单方法是像这样修改 css:

.inner LI {
  border: 1px solid transparent;
  padding: 0.25em 1.75em;
  font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 90%;
}