Rumah >hujung hadapan web >tutorial css >Bagaimanakah Saya Boleh Menetapkan Ketinggian Bekas kepada Peratusan Tolak Nilai Piksel Tetap dalam CSS?
Bagaimanakah Saya Boleh Menetapkan Ketinggian Bekas kepada Peratusan Tolak Nilai Piksel Tetap dalam CSS?
- Susan Sarandonasal
- 2024-12-17 16:19:10988semak imbas
Menetapkan Ketinggian Bekas sebagai Peratusan Tolak Nilai Tetap
Untuk mengekalkan konsistensi merentas tapak web anda dan mengurangkan penggayaan yang tidak perlu, kelas CSS boleh guna semula boleh memberi manfaat. Walau bagaimanapun, anda mungkin menghadapi cabaran apabila menyeragamkan elemen tertentu, seperti menetapkan ketinggian elemen bekas sebagai peratusan bekas induknya tolak nilai piksel tertentu.
Anda mempunyai bekas
- ) di dalamnya. Walaupun ketinggian pengepala ditetapkan pada 18px, ketinggian senarai harus disesuaikan secara dinamik untuk mengisi ruang yang tinggal dalam bekas. Isu timbul apabila anda perlu menentukan ketinggian senarai sebagai "100% tolak 18px."
Untuk mencapai ini, anda boleh menggunakan fungsi calc():
height: calc(100% - 18px);
Fungsi ini membenarkan anda untuk melakukan pengiraan matematik dalam CSS. Dalam kes ini, ia menolak 18px daripada 100% untuk menentukan ketinggian senarai.
Perhatikan bahawa untuk penyemak imbas lama yang tidak menyokong fungsi CSS3 calc(), anda mungkin perlu melaksanakan versi khusus vendor sebagai baiklah:
/* Firefox */ height: -moz-calc(100% - 18px); /* WebKit */ height: -webkit-calc(100% - 18px); /* Opera */ height: -o-calc(100% - 18px); /* Standard */ height: calc(100% - 18px);
Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menetapkan Ketinggian Bekas kepada Peratusan Tolak Nilai Piksel Tetap dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!