Mengapa DIV Saya Tidak Tinggi 100% dalam Firefox dan IE?

Isu Keserasian Ketinggian 100% Div Antara Firefox dan IE

Dalam senario ini, anda telah mengalami perbezaan dalam pemaparan elemen DIV antara Firefox dan IE. Khususnya, menetapkan ketinggian kepada 100% dalam DIV yang mengandungi tidak mengembangkan DIV bersarang ke ketinggian penuh dalam IE.

Percanggahan timbul daripada mod Quirks dan kelakuan mod Standard:

• Dalam mod Quirks (yang Firefox mungkin lalai), ketinggian dikira relatif kepada port pandangan.
• Dalam mod Standard (tetapan yang disyorkan), ketinggian bergantung pada ketinggian blok yang mengandungi.

Dalam kod anda, blok yang mengandungi (#container) mempunyai ketinggian ditetapkan kepada 'auto', yang dalam mod Standard, menghasilkan ketinggian yang tidak ditentukan. Akibatnya, ketinggian DIV bersarang juga menjadi tidak ditentukan.

Untuk menangani isu ini dan memastikan konsistensi merentas penyemak imbas, anda harus mentakrifkan secara eksplisit ketinggian blok yang mengandungi dan nenek moyangnya sehingga ke akar (HTML dan badan elemen):

html, body { height: 100%; }
#container { height: 100%; }

Dengan menetapkan ketinggian elemen ini, anda mewujudkan blok mengandungi yang jelas, membolehkan DIV bersarang mewarisi ketinggian itu dan meregangkan hingga 100% dalam bekasnya dalam semua penyemak imbas.

Atas ialah kandungan terperinci Mengapa DIV Saya Tidak Tinggi 100% dalam Firefox dan IE?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!