bagaimana cara menimpa kiri: 0 menggunakan CSS atau Jquery?

104

Saya memiliki elemen, yang memiliki CSS berikut:

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

Elemen tidak menjangkau seluruh layar. Saya ingin ini "sejajar" ke sisi kanan layar.

Ini akan mudah, jika saya baru saja menghapus left: 0 , tetapi saya tidak dapat mengubah CSS di atas, jadi saya membutuhkan beberapa CSS atau Jquery untuk mengganti, menonaktifkan atau menghapus CSS : 0 kiri .

Terimakasih atas bantuannya!

css css-position sering
sumber

Jawaban:

238

Nilai default untuk leftadalah auto, jadi atur saja ke itu dan Anda akan "mereset" -nya.

.elem {
  left: auto;
}

Pastikan yang di atas muncul setelah file CSS asli.

Jan Hančič
sumber
1
TERIMA KASIH! Saya mencoba '', tetapi itu tidak membuat saya lagi. Senang mendengarnya.
sering terjadi
@frequent Anda dapat menggunakan nilai seperti '' jika Anda menggunakan Javascript, ya, tetapi tidak dalam CSS. Ngomong-ngomong, bukankah Anda mengatakan Anda tidak bisa merusak stylesheet? Dalam kasus tersebut, style="left:auto"atribut dalam elemen itu sendiri akan melakukan trik, mengganti lembar gaya.
Tn. Lister
8

Menggunakan CSS:

.elem {
    left: auto;
}

Menggunakan JQuery:

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

Coba autoproperti di CSS, yang sama dengan nilai default.

Dion
sumber
2

Dengan jquery:

$(".elem").css("left", "");
Antonio Beamud
sumber
bukankah ini mengatur ulang ke nilai yang ditentukan (dalam hal ini '0')?
Dion
1
@Antonio: Ini sebenarnya akan menyetel atribut html "kiri" yang tidak valid <div left="0">daripada mengubah css. Sementara komentar Jan masih berlaku (yaitu tidak perlu JS), itu bisa dilakukan dengan $(".elem").css("left", "");atau sesuatu.
ov
Ops, itu benar ... edit dan gunakan solusi yang mungkin ini. Terima kasih.
Antonio Beamud
0

Apakah gaya yang Anda ekstrak ini adalah gaya eksternal atau internal, Anda dapat menggantinya dengan gaya internal seperti:

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