Javascript 位置固定；左边行得通，右边不行

我有一个跨度叫做$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指数问题。我真的很困惑，因为我的代码非常复杂，而且我还不能使用JSFIDLE构建一个简单的示例。我不知道从哪里开始寻找哪里出了问题

---

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

意外的结果可能是由边距权限CSS属性引起的。如果设置了此属性，请将其删除以修复代码。

意外结果可能是由边距权限CSS属性引起的。如果设置了此属性，请将其删除以修复代码。

在第二个示例中，您可能错过了$at$mySpan？

在第二个示例中，您可能错过了$at$mySpan？

尝试以下操作：

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

试试这个：

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

---

缺少的$是一个输入错误，还是？第二个代码段中缺少的$只是这里的输入错误，还是您的实际代码中有输入错误？仅输入错误。。。在代码中，它是正确的。您是否尝试过使用调试CSS？缺少的$是一个输入错误，还是？第二个代码段中缺少的$只是一个输入错误，还是您的实际代码中有这样的输入错误？仅输入错误。。。在代码中，它是正确的。您是否尝试使用调试CSS？我在控制台中没有任何错误消息，并且我没有在实际代码中出错。@Randomblue更新了答案，并提供了可能的原因。我在控制台中没有任何错误消息，我在实际代码中没有犯错误。@Randomblue更新了答案，可能有原因。@vzwick，如果left属性必须有一个值怎么办？如果我让左边的'auto'，我的div就会将其内容溢出到浏览器的左边。你认为这是一个浏览器错误吗？我测试了这个Chrome@TrungDQ-小提琴会有帮助；非常有帮助。有人知道为什么会这样吗？这仅仅是因为浏览器的实现很差，还是有一个实际的逻辑来解释为什么需要这样做？”“Top”和“Bottom”没有这个问题。@vzwick，如果left属性必须有一个值怎么办？如果我让左边的'auto'，我的div就会将其内容溢出到浏览器的左边。你认为这是一个浏览器错误吗？我测试了这个Chrome@TrungDQ-小提琴会有帮助；非常有帮助。有人知道为什么会这样吗？这仅仅是因为浏览器的实现很差，还是有一个实际的逻辑来解释为什么需要这样做？”“顶部”和“底部”没有这个问题。