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
source

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č
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
source

4

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

— Dion
source

2

Avec jquery:

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

— Antonio Beamud
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İ
source