come sostituire left: 0 usando CSS o Jquery?

104

Ho un elemento, che ha il seguente CSS:

.elem {
  left: 0;
  position: fixed;
  right: 0;
  width: 60%;
  z-index: 1000;
  }

L'elemento non copre l'intero schermo. Vorrei che "allinei" al lato destro dello schermo.

Sarebbe facile, se avessi rimosso left: 0 , ma non posso manomettere il CSS sopra, quindi ho bisogno di CSS o Jquery per sovrascrivere, disabilitare o rimuovere il CSS di sinistra: 0 .

Grazie per l'aiuto!

css css-position

— frequente
fonte

238

Il valore predefinito per leftè auto, quindi impostalo su quello e lo "resetterai".

.elem {
  left: auto;
}

Assicurati che quanto sopra venga dopo il file CSS originale.

— Jan Hančič
fonte

1

GRAZIE! Stavo provando '', ma questo non mi ha più preso. Buono a sapersi.

— frequente l'

@frequent Potresti usare valori come "" se stessi usando Javascript, sì, ma non in CSS. Comunque, ma non hai detto che non puoi manomettere il foglio di stile? In tal caso, un style="left:auto"attributo nell'elemento stesso farebbe il trucco, sovrascrivendo il foglio di stile.

— Mr Lister

8

Utilizzando CSS:

.elem {
    left: auto;
}

Utilizzando JQuery:

$(".elem").css("left", "auto");

— Mohammad Anini
fonte

4

Prova la autoproprietà in CSS, che è uguale al valore predefinito.

— Dion
fonte

2

Con jquery:

$(".elem").css("left", "");

— Antonio Beamud
fonte

questo non lo reimposta al valore specificato (in questo caso "0")?

— Dion

1

@Antonio: questo significherebbe effettivamente impostare un attributo html "left" non valido come <div left="0">invece di cambiare css. Sebbene il commento di Jan sia ancora valido (cioè non c'è bisogno di JS), potrebbe essere fatto con $(".elem").css("left", "");o qualcosa del genere.

— OV

Ops, è vero ... modifica e metti questa possibile soluzione. Grazie.

— Antonio Beamud

0

Che lo stile estratto sia esterno o interno, puoi sostituirlo con uno interno come:

.elem {
    position: fixed;
    right: 0;
    width: 60%;
    z-index: 1000;
  }

— Doğan AHMETCİ
fonte