comment remplacer gauche: 0 en utilisant CSS ou Jquery?

104

J'ai un élément, qui a le CSS suivant:

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

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

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

Merci pour l'aide!

css css-position fréquent
la source

Réponses:

238

La valeur par défaut de leftest auto, alors réglez-la simplement sur cette valeur et vous la «réinitialisez».

.elem {
  left: auto;
}

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

Jan Hančič
la source
1
MERCI! J'essayais '', mais cela ne m'a plus attiré. Bon à savoir.
fréquent le
@frequent Vous pouvez utiliser des valeurs telles que «» si vous utilisez Javascript, oui, mais pas en CSS. Quoi qu'il en soit, mais n'avez-vous pas dit que vous ne pouviez pas altérer la feuille de style? Dans ce cas, un style="left:auto"attribut dans l'élément lui-même ferait l'affaire, remplaçant la feuille de style.
Mr Lister
8

En utilisant CSS:

.elem {
    left: auto;
}

Utilisation de JQuery:

$(".elem").css("left", "auto");
Mohammad Anini
la source
4

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

Dion
la source
2

Avec jquery:

$(".elem").css("left", "");
Antonio Beamud
la source
cela ne le réinitialise-t-il pas à la valeur spécifiée (dans ce cas, «0»)?
Dion
1
@Antonio: Ce serait en fait définir un attribut html "gauche" non valide comme <div left="0">plutôt que de changer le CSS. Alors que le commentaire de Jan tient toujours (c'est-à-dire pas besoin de JS), cela pourrait être fait avec $(".elem").css("left", "");ou quelque chose.
ov
Ops, c'est vrai ... éditez et mettez cette solution possible. Merci.
Antonio Beamud
0

Que ce style que vous avez extrait soit externe ou interne, vous pouvez le remplacer par un style interne tel que:

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