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

Question

我有一个名为 $mySpan 的 span。

打电话

$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 构建一个简单的示例。我不知道从哪里开始寻找问题所在。

有没有人知道为什么第二种方法不起作用？我该如何调试这样的问题？

Answer 1

试试这个:

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