2011-05-20 23 views
5

Tengo un div con position:absolute. Estoy intentando posicionarlo correctamente usando jQuery pero no está funcionando. En el siguiente código, básicamente estoy quitando a la izquierda y agregando a la derecha: 0. Esto debería posicionar el div a la extrema derecha. usando Firebug, puedo ver que el estilo en línea se cambió a right:0 pero no ocurre nada. Qué estoy haciendo mal. Comprobar http://jsfiddle.net/SJP3b/1/jQuery CSS posición correcta no funciona

$('div').css({ 
    left: '', 
    right: 0 
}); 

Respuesta

10

Uso left:'auto' que funciona para mí:

http://jsfiddle.net/SJP3b/2/

Muchos valores no se puede establecer en blanco. Por lo tanto, debe establecerlos en su valor predeterminado de css.

Eso es auto para el atributo left:

http://www.w3schools.com/css/pr_pos_left.asp

+0

i no necesita tener tanto a la izquierda y la derecha. No entiendo por qué quitar la izquierda no está haciendo que esto funcione. – Pinkie

+3

No está eliminando 'left'. Lo está configurando en un valor en blanco, que no se está evaluando en absoluto. 'left: auto' es el valor predeterminado para' left', which * does * reset it. – Blender

+0

Gracias, eso tiene sentido. – Pinkie

0

usted tiene que utilizar '0px'

$('div').css({ 
    left: '', 
    right: '0px' 
}); 

EDIT 1:

Lo siento, para position:absolute propiedad se puede utilizar left y top propiedad. no se trata de jquery.

+0

No jQuery se ocupa de eso. – jantimon

+0

No necesitas px si es 0. – Pinkie

+0

@Ghommey, solo edito mi respuesta. – maycil

0

No sé si el derecho es una clave css válida. si es

$('div').css({ 
    left: auto, 
    right: 0 
}); 

En caso de trabajar ...

También puede comprobar float:right