Bagaimana Membuat Elemen DIV Menduduki Tinggi Halaman Penuh Tanpa Kandungan?

Cara Memanjangkan Elemen DIV ke Ketinggian Halaman Penuh, Walaupun Tanpa Kandungan

Dalam senario di mana blok DIV kekurangan kandungan tetapi memerlukannya sempadan menegak untuk dilanjutkan ke bahagian bawah halaman, tugas itu boleh dicapai dengan memastikan elemen kontena DIV mencapai 100% halaman ketinggian.

Penyelesaian:

Untuk menyelesaikan isu ini, gaya berikut boleh digunakan:

html, body {
    height: 100%;
}

Ini memastikan bahawa HTML pelayar dan elemen badan menjangkau seluruh ketinggian halaman, menyediakan kanvas untuk elemen DIV berkembang dalam.

Pertimbangan Tambahan:

Bergantung pada pelayar sasaran dan keperluan reka bentuk, pelarasan tambahan mungkin diperlukan, seperti melaraskan jidar dan pelapik.

Sumber Lanjut:

Untuk contoh komprehensif dan keserasian penyemak imbas pertimbangan, rujuk perkara berikut sumber:

• http://www.brunildo.org/test/html_body_0.html
• http://www.brunildo.org/test/html_body_11b.html
• http://www.brunildo.org/test/index.html

Tambahan pula, Tapak web QuirksMode menyediakan cerapan berharga tentang kebiasaan penyemak imbas dan amalan terbaik untuk pembangunan web.

Atas ialah kandungan terperinci Bagaimana Membuat Elemen DIV Menduduki Tinggi Halaman Penuh Tanpa Kandungan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!