Javascript 在Firefox中使用百分比时，jQuery动画无法正确计算位置

在Firefox中使用jQuery设置流体宽度位置（绝对div）的动画时，我遇到了一些奇怪的行为。它在Chrome中运行良好。奇怪的是，我还尝试了较旧版本的jQuery，而这个问题似乎发生在jQuery 1.8.3和更新版本中

您可以在此处查看一系列问题：

CSS:

HTML:

---

更多测试用例：

这显然是一个bug，不确定这是jQuery、Firefox还是Chrome的问题

---

将第二行中的right:0%替换为right:0似乎可以修复它。

最大的缺点是，它只在right可以为0时修复它。我添加了更多的测试用例，使其从屏幕上向左或向右滑动，这些测试用例也被破坏了。

#wtf {
    background: #abf;
    border: 3px solid #007;
    position: absolute;
    top: 20%;
    right:50%;
    bottom: 30%;
    left: 0%;
}

<div id="wtf"></div>
<button id="left">go left</button><button id="right">go right</button>

$('#left').click(function(){ $('#wtf').animate({'left':'0%','right':'50%'}); });
$('#right').click(function(){ $('#wtf').animate({'left':'50%','right':'0%'}); });