javascript - 位置固定；左边工作正常，右边不行

我有一个称为span的$mySpan。

呼唤

$mySpan.css({
    position        : 'fixed',
    left            : '50%',
    top             : '15%',
    backgroundColor : 'red',
    'z-index'       : 1000
});

效果很好。然而，

$mySpan.css({
    position        : 'fixed',
    right           : '50%',
    top             : '15%',
    backgroundColor : 'red',
    'z-index'       : 1000
});

不显示跨度。

如您所见，这可能不是z-index问题。我真的很困惑，因为我的代码非常复杂，而且我无法使用jsFiddle构建一个简单的示例。我不知道从哪里开始寻找问题所在。

是否有人暗示为什么第二种方法不起作用？我该如何调试这样的问题？

最佳答案

尝试这个：

$mySpan.css({
    'position'        : 'fixed',
    'left'            : 'auto', /* <-- oftentimes, browsers screw up if 'left' is still set */
    'right'           : '50%',
    'top'             : '15%',
    'backgroundColor' : 'red',
    'z-index'         : 1000
});