Mengapa IE Tidak Menghormati `ketinggian: 100%` untuk Elemen Kanak-Kanak Sel Jadual?

IE Abaikan Ketinggian: 100% untuk Elemen Anak Sel Jadual

Isu timbul apabila menggunakan jadual CSS dalam IE8 dan ke atas untuk membina jadual secara dinamik . Walaupun spesifikasi menuntut sokongan penuh untuk sifat paparan yang berkaitan, IE berkelakuan secara tidak dijangka, mengabaikan ketinggian: 100% ditetapkan untuk elemen anak ("Kandungan") dalam sel jadual ("Elem"). Ini membawa kepada paparan herot di mana ketinggian elemen kanak-kanak dipotong.

Punca Asas:

Punca percanggahan ini terletak pada spesifikasi CSS itu sendiri. Spesifikasi meninggalkan kesan nilai peratusan untuk ketinggian pada paparan: baris jadual dan paparan: elemen sel jadual tidak ditentukan. Ini bermakna bahawa pelaksanaan penyemak imbas jadual CSS mempunyai gelagat yang berbeza-beza mengenai peratusan ketinggian.

Penyelesaian:

Memandangkan kebolehubahan dalam pelaksanaan penyemak imbas, mencari CSS merentas penyemak imbas sahaja penyelesaian mungkin tidak dapat dilaksanakan. Walau bagaimanapun, terdapat beberapa pendekatan alternatif untuk dipertimbangkan:

• Penyelesaian JavaScript: Gunakan JavaScript untuk mengira dan menetapkan ketinggian elemen anak secara dinamik berdasarkan ketinggian jadual induk.
• Penyelesaian tanpa meja: Elakkan menggunakan jadual CSS dan sebaliknya laksanakan reka letak menggunakan kaedah lain seperti flexbox atau susun atur grid.
• Ketinggian tetap: Tetapkan ketinggian tetap khusus untuk elemen kanak-kanak, pastikan ia muat dalam sel jadual.

Pelayar Ketidakserasian:

Adalah penting untuk ambil perhatian bahawa isu ini memberi kesan kepada semua versi IE sehingga dan termasuk 11. Oleh itu, bergantung pada penggodaman CSS khusus IE mungkin tidak menyelesaikan masalah merentas semua versi IE.

Atas ialah kandungan terperinci Mengapa IE Tidak Menghormati `ketinggian: 100%` untuk Elemen Kanak-Kanak Sel Jadual?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!