web-dev-qa-db-fra.com

comment remplacer left: 0 en utilisant CSS ou Jquery?

J'ai un élément qui a les CSS suivants:

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

L'élément ne s'étend pas sur tout l'écran. Je voudrais qu'il "s'aligne" sur le côté droit de l'écran. 

Ce serait facile, si je retirais simplement left: 0 , mais je ne peux pas altérer le CSS ci-dessus, j'ai donc besoin de CSS ou de Jquery pour remplacer, désactiver ou supprimer le left: 0 CSS.

Merci pour l'aide! 

97
frequent

La valeur par défaut de left est auto, donc définissez-le sur et vous le "réinitialiserez".

.elem {
  left: auto;
}

Assurez-vous que ce qui précède vient après le fichier CSS original.

214
Jan Hančič

Utilisation de CSS:

.elem {
    left: auto;
}

Utilisation de JQuery:

$(".elem").css("left", "auto");
8
Mohammad Anini

Essayez la propriété auto en CSS, qui est égale à la valeur par défaut.

4
Dion

Avec jquery:

$(".elem").css("left", "");
2
Antonio Beamud

Si le style que vous avez extrait est externe ou interne, vous pouvez le remplacer par un style interne tel que:

.elem {
    position: fixed;
    right: 0;
    width: 60%;
    z-index: 1000;
  }
0
Doğan AHMETCİ