Javascript jQuery：为什么我的动画p"；跳转；？

我在jQuery中制作一个简单的动画，当你悬停在a上时，p元素滑入它下面的位置（位置：绝对；），但是当你悬停在a上时，p跳到一个位置，然后动画，这太奇怪了

$(".wrap a").hover(function() {
    $(".wrap p").animate({left: '0'},{duration:500});
            }, function(){        
                $(".wrap p").animate({left: '100%'}, {duration:500});
    });
;

你知道为什么会这样吗

---

只需写“0%”，而不是0

$(".wrap a").hover(function() {
    $(".wrap p").animate({left: '0%'},{duration:500});
            }, function(){        
                $(".wrap p").animate({left: '100%'}, {duration:500});
    });

---

您通过了

0

而不是

0%

，这将使jQuery在某些浏览器中混淆，因为在这些浏览器中，

getComputedStyle

（jQuery使用的）行为在单位上有所不同

---

它在Firefox中似乎可以正常工作，但在Chrome中却不行。