Comment faire pour supprimer à Gauche de la propriété lorsque les position: absolute?

Question

Je suis en substituant le site CSS à un RTL version linguistique spécifique est choisi.

J'ai un élément qui doit avoir un positionnement absolu. Dans le LTR version, je n' left: 0px; et qu'il est aligné à gauche; dans le RTL version je veux faire l'inverse avec d' right, mais l' left de la propriété n'est pas surchargé donc il reste encore à gauche.

• J'ai essayé de piratage avec !important, mais cela ne fonctionne pas.
• J'ai essayé de réglage left: none, mais cela ne fonctionne pas.

Comment puis-je définir pour aucun ou de le supprimer complètement tout en impérieuses?

Answer 1

left:auto;

Par défaut, ce sera l' left de retour par défaut du navigateur.

---

Donc, si vous avez votre Balisage/CSS:

<div class="myClass"></div>

.myClass
{
  position:absolute;
  left:0;
}

Lors de la configuration de RTL, vous pouvez modifier:

<div class="myClass rtl"></div>

.myClass
{
  position:absolute;
  left:0;
}
.myClass.rtl
{
  left:auto;
  right:0;
}

Answer 2

Dans l'avenir, on utilisera left: unset; pour la suppression de la valeur de gauche.

À compter d'aujourd'hui 4 nov 2014 unset est pris en charge uniquement dans Firefox.

Lire plus sur annuler dans MDN.

Ma conjecture est que nous allons être en mesure de l'utiliser autour de l'an 2022 quand IE 11 est correctement éliminé.