Mengapa Ketinggian CSS Saya dalam Peratusan Tidak Berfungsi?

Ketinggian CSS Tidak Berfungsi dalam Peratus: Isu Selesai

Apabila menetapkan ketinggian elemen kepada 100%, mengharapkan ia menduduki keseluruhan ketinggian bekasnya, tetapi gagal melihat tingkah laku itu, boleh menjadi pengalaman yang mengecewakan. Isu ini timbul kerana nenek moyang elemen itu juga perlu mempunyai ketinggian yang ditentukan.

Untuk menyelesaikan masalah ini, tetapkan ketinggian 100% kepada semua elemen induk. Dalam contoh yang disediakan:

<div>

elemen induk, html dan badan, juga mesti mempunyai ketinggiannya ditetapkan kepada 100%:

html, body { height: 100%; width: 100%; margin: 0; }

Dengan memastikan semua unsur nenek moyang mempunyai ketinggian yang pasti , elemen anak, div, akan menduduki ketinggian penuh bekasnya dengan betul. Ini kerana ketinggiannya adalah relatif kepada elemen yang mengandungi, dan tanpa ketinggian yang ditentukan untuk elemen itu, ia menjadi samar-samar apa yang diwakili oleh 100%.

Atas ialah kandungan terperinci Mengapa Ketinggian CSS Saya dalam Peratusan Tidak Berfungsi?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!