职位固定;左边工作正常,右边没有

时间:2011-10-12 21:30:30

标签: javascript jquery html css

我有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构建一个简单的例子。我不知道从哪里开始寻找出错的地方。

有没有人提示为什么第二种方法不起作用?我怎么能调试这个问题?

3 个答案:

答案 0 :(得分:3)

试试这个:

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

答案 1 :(得分:2)

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

答案 2 :(得分:0)

在第二个示例中,您可能错过了$上的$mySpan