Pertanyaan CSS (webkit): menimpa bagian atas dengan bagian bawah pada elemen yang diposisikan mutlak


Saya mengalami masalah dengan mengesampingkan beberapa plugin CSS. Mengedit CSS secara langsung bukan merupakan pilihan, karena akan membuat pembaruan plugin lebih berisiko.

Masalahnya: elemen memiliki posisi absolut, dan memiliki atas: 0px dalam aslinya. Saya ingin mengesampingkannya dari bawah: 0px.

Untuk kepentingan contoh

    .element {position:absolute; top:0;}

    /* in another file */
    .my .element {bottom:0;}

Pada firefox ini berfungsi ok (bawah: 0 adalah gaya yang diterapkan), tetapi safari / chrome tampaknya tidak mendapatkan di atas: 0.

Saya dapat mengatasi masalah ini, tetapi akan menyenangkan jika muncul solusi bersih.


75
2018-02-22 12:19


asal


Jawaban:


Menggunakan top: auto untuk "reset" top untuk itu nilai awal.

bottom adalah properti yang benar-benar terpisah top (elemen dapat memiliki keduanya a top dan bottom), jadi mungkin Anda tidak perlu bottom lagi.

Juga, pastikan pemilih override Anda cukup spesifik, tapi sepertinya itu bukan masalah dalam kasus ini.


171
2018-02-22 12:23



.my .element { position: inherit !important; top: auto; }

5
2017-07-27 23:48