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

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