Mengapa `ketinggian: 100%;` Tidak Berfungsi pada Elemen Label?

Menetapkan Ketinggian: 100% pada Label Tidak Berfungsi

Dalam percubaan untuk menjajarkan ketinggian elemen label dengan induknya, ketinggian: 100%; telah dilaksanakan. Walau bagaimanapun, kesan yang dimaksudkan tidak menjadi kenyataan, meninggalkan label dengan ketinggian sewenang-wenangnya.

Memahami Isu

Apabila menetapkan ketinggian: 100%;, adalah penting untuk dipertimbangkan titik rujukan. Dalam kes ini, ketinggian elemen induk mesti ditakrifkan secara eksplisit untuk mewujudkan konteks saiz. Tanpa konteks ini, penyemak imbas tidak mempunyai asas untuk mengira 100% ketinggian.

Cara Menyelesaikan

Untuk menangani isu ini, pastikan elemen induk label mempunyai ketinggian yang ditentukan. Ini boleh dicapai melalui CSS atau dengan menetapkan atribut ketinggian dalam penanda HTML.

Kod Contoh

<code class="css">.parent-element {
  height: 200px;
}

.field label {
  height: 100%;
}</code>

Dengan menetapkan ketinggian elemen induk kepada 200px , elemen label kini akan menduduki 100% ruang menegak yang tersedia dengan betul.

Atas ialah kandungan terperinci Mengapa `ketinggian: 100%;` Tidak Berfungsi pada Elemen Label?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!