CSS和JQuery:如何删除"right:0"样式

Question

我正在使用一个Web项目工具.该工具附带CSS.但是,它的CSS会影响特定界面元素的显示(此元素具有"position:absolute").在跟踪和实验之后,我注意到如果我从工具的CSS规则中删除(通过Firefox中的Firebug)"right:0"样式,一切看起来都很完美.

我无法修改工具的CSS,因为它通常适用于Web应用程序的其余部分,并且它只有该特定界面元素的问题.

我在网上和SO上阅读了很多帖子,尝试了不同的方式,但没有成功.我尝试了以下方法:

1. 创建具有高优先级的CSS规则.

   #element {right:none; }

这不起作用.我不能使用"正确:XXpx"方法,因为XX必须随屏幕调整大小而改变.

1. 使用JQuery:

   $('#element').css('right','')

这也不起作用.

有人知道如何从"position:absolute"元素中删除"right:0"样式吗？

谢谢!

Answer 1

尝试将其设置为auto: right: auto;

在你的情况下,它将是: #element { right: auto; }

不需要jQuery!

工作:http://jsfiddle.net/fEThD/1/