为什么我的绝对定位ul的变化宽度？

Question

http://jsfiddle.net/seXjp/

如果您将鼠标悬停在“一个”“两个”或“三个”上，您会看到每个菜单都会弹出一个菜单。

当他们动画起来时，右手边似乎被切断了约10px。

当他们结束时，突然那些10px回来了！

为什么会发生这种情况？

由于

Answer 1

您有一些盒子模型错误。

使用.upmenu ul时，110px的宽度应为.upmenu ul li（.upmenu li的100px + 2 * 5px填充），width: 100%应该没有水平填充。

这是Update

修改

实际上你使用的是居中文字，你也可以将.upmenu li的水平填充设置为0，你可以使用100px或100％宽度。