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

Question

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

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

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
});

Answer 2

意外结果可能是由margin-right CSS属性引起的。 如果设置了此属性，请将其删除以修复您的代码。

Answer 3

在第二个例子中，你可能已经错过了$在$mySpan ？