sol: 0 nasıl geçersiz kılınır: CSS veya Jquery kullanarak?

104

Aşağıdaki CSS'ye sahip bir öğem var:

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

Öğe tüm ekrana yayılmaz. Ekranın sağ tarafına "hizalanmasını" istiyorum.

Sol: 0'ı kaldırırsam bu kolay olurdu , ancak yukarıdaki CSS'yi değiştiremem, bu yüzden sol: 0 CSS'yi geçersiz kılmak, devre dışı bırakmak veya kaldırmak için biraz CSS veya Jquery'ye ihtiyacım var .

Yardım için teşekkürler!

css css-position

— sık
kaynak

238

İçin varsayılan değer şu leftşekildedir auto, bu yüzden sadece buna ayarlayın ve "sıfırlayacaksınız".

.elem {
  left: auto;
}

Yukarıdakilerin orijinal CSS dosyasından sonra geldiğinden emin olun.

— Jan Hančič
kaynak

1

TEŞEKKÜRLER! Deniyordum '', ama bu artık beni anlamadı. Bunu bildiğim iyi oldu.

— sık sık

@frequent Javascript kullanıyorsanız '' gibi değerleri kullanabilirsiniz, evet, ancak CSS'de değil. Neyse, ama stil sayfasını değiştiremeyeceğini söylemedin mi? Bu durumda, style="left:auto"öğenin kendisindeki bir öznitelik, stil sayfasını geçersiz kılarak hile yapar.

— Bay Lister

8

CSS kullanarak:

.elem {
    left: auto;
}

JQuery kullanarak:

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

— Mohammad Anini
kaynak

4

autoVarsayılan değere eşit olan CSS'deki özelliği deneyin .

— Dion
kaynak

2

Jquery ile:

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

— Antonio Beamud
kaynak

bu onu belirtilen değere sıfırlamaz mı (bu durumda '0')?

— Dion

1

@Antonio: Bu aslında css'yi <div left="0">değiştirmek yerine geçersiz bir "sol" html özniteliği ayarlamak olacaktır . Jan'ın yorumu hala geçerliyken (yani JS'ye gerek yok), bununla $(".elem").css("left", "");veya başka bir şey yapılabilir .

— ov

Ops, bu doğru ... bu olası çözümü düzenleyin ve koyun. Teşekkürler.

— Antonio Beamud

0

Çıkardığınız bu stil ister harici ister dahili olsun, onu aşağıdaki gibi dahili bir stil ile geçersiz kılabilirsiniz:

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

— Doğan AHMETCİ
kaynak