kepada ketinggian peratusan tertentu dalam CSS, tetapi saiznya masih sama dengan kandungan di dalamnya. Walau bagaimanapun, apabila saya mengalih keluar HTML 5 , ia berfungsi dengan baik dan
mengambil keseluruhan halaman seperti yang diharapkan. Saya mahu halaman itu lulus pengesahan, apakah yang perlu saya lakukan?
Saya mempunyai CSS ini pada
dan IDnya ialah
halaman: #page { padding: 10px; warna latar belakang: putih; ketinggian: 90% !penting; }
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Anda juga perlu menetapkan ketinggian pada elemen
和jika tidak, ia hanya cukup besar untuk memuatkan kandungan.Sebagai contoh:Berapakah peratusan?
Untuk menetapkan ketinggian peratusan, elemen induknya (*) mesti mempunyai ketinggian yang jelas. Ini agak jelas, jika anda membiarkan ketinggian sebagai
auto, blok akan mengambil ketinggian kandungannya... Walau bagaimanapun, jika ketinggian kandungan itu sendiri dinyatakan sebagai peratusan unsur induk, anda berada dalam sedikit dilema. Penyemak imbas menyerah dan hanya menggunakan ketinggian kandungan.Oleh itu, elemen induk div mesti mempunyai atribut
heightyang jelas. Walaupun ketinggian boleh menjadi peratusan jika anda mahu, itu hanya membawa masalah ke peringkat seterusnya.Jika anda ingin menjadikan ketinggian div sebagai peratusan ketinggian viewport, setiap elemen nenek moyang div, termasuk
和，都必须具有height: 100%, jadi terdapat rantaian peratusan ketinggian yang jelas kepada div.(*: Atau, jika div diletakkan, "blok yang mengandungi", unsur nenek moyang terdekat yang turut diletakkan.)
Sebagai alternatif, semua penyemak imbas moden dan IE >= 9 menyokong unit CSS baharu berbanding ketinggian port pandangan (
vh)和视口宽度(vw):div { height:100vh; }Lihatmaklumat lanjutdi sini.