position：absoluteのときにLeftプロパティを削除する方法

Question

特定の言語を選択したときにサイトのCSSをRTLバージョンに上書きしています。

私は、絶対的な位置決めをしなければならない要素を持っています。 LTRバージョンでは、私はleft: 0px;を実行し、それは左に揃えられています。 RTLバージョンではrightと反対にする必要がありますが、leftプロパティはオーバーライドされないため、まだ左にとどまります。

• 私は!importantでハッキングを試みましたが、うまくいかなかった。
• left: noneを設定しようとしましたが、動作しませんでした。

どのようにして無効にするか、または上書き中に完全に削除できますか？

Answer 1

left:auto; 

デフォルトでは、leftがデフォルトのブラウザに戻ります。 RTLを設定するときは、あなたが変更される可能性が

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

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

：あなたのようにあなたのマークアップ/ CSSを使用している場合

---

ので、将来的には

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

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

Answer 2

1は、設定解除のためleft: unset;を使用します左の値。

現在4 nov 2014 unsetはFirefoxでのみサポートされています。

Read more about unset in MDN.

私の推測では、我々はIE 11が適切に段階的に廃止されたときに2022年のまわりでそれを使用することができますです。

Answer 3

left: initial 

これはまた、ブラウザのデフォルトに戻るleftを設定します。

property: initialは、IEではサポートされていません。