html - 悬停时，菜单链接会向左移动一点

Question

我有一个 CSS3 菜单，一切正常，但是当我设置 -webkit-transition: 以扩展菜单中的宽度和边距时，当我将鼠标悬停在 ul 不是按钮，它向左摇晃 1px 直到过渡结束。

你可以在这里查看:

http://developers-community.com/beta/

请随意查看网站源代码并转到 style.css，因为菜单对于 jsFiddle 来说太大了。

Answer 1

<div id="my_menu">

<ul>

<li style="width: 98px;"><a class="menu" href="http://developers-community.com/">Home</a></li>

<li style="width: 98px;><a class="menu" href="about.html">About</a></li>

<li><a class="menu" href="#">Contact</a></li>

<li><a class="menu" href="#">Apps/Tabs</a></li>

<li><a class="menu" href="#">Web Services</a></li>

</ul></div>

添加这个....这会起作用