Rumah >hujung hadapan web >tutorial css >Bagaimana Saya Boleh Membuat Div 100% Ketinggian Tanpa Mengalih keluar DOCTYPE?
Bagaimana Saya Boleh Membuat Div 100% Ketinggian Tanpa Mengalih keluar DOCTYPE?
- DDDasal
- 2024-12-29 15:15:15963semak imbas
Sifat Ketinggian CSS, Nilai Peratusan dan DOCTYPE
Cara membuat div mengisi halaman dengan ketinggian 100% tanpa mengalih keluar yang DOCTYPE?
Penyelesaian:
Isytiharkan ketinggian pada elemen akar:
html { height: 100%; }
Mengapa mengalih keluar DOCTYPE menjadikannya berfungsi ?
Dalam mod standard, peratusan ketinggian untuk elemen kanak-kanak tanpa ditentukan ketinggian dianggap sebagai auto. Walau bagaimanapun, dalam mod quirks, peratusan ketinggian diukur secara relatif kepada viewport. Oleh itu, mengalih keluar DOCTYPE memaksa penyemak imbas ke dalam mod quirks, membenarkan div mengisi halaman dengan ketinggian 100%.
Walau bagaimanapun, mod quirks tidak dapat diramalkan dan tidak boleh dipercayai. Sentiasa sertakan DOCTYPE untuk memaparkan dokumen dalam mod standard menggunakan:
<!DOCTYPE html>
Atas ialah kandungan terperinci Bagaimana Saya Boleh Membuat Div 100% Ketinggian Tanpa Mengalih keluar DOCTYPE?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!