Bagaimana Saya Membuat Regangan DIV ke Bahagian Bawah Halaman Walaupun Kosong?

Meregangkan Blok DIV ke Bawah Halaman, Tanpa mengira Kandungan

Anda cuba memastikan bahawa div kandungan meluas sehingga ke bahagian bawah halaman. Walau bagaimanapun, pada masa ini ia hanya terbentang apabila terdapat kandungan sebenar untuk dipaparkan. Ini penting jika anda mahu sempadan menegak kekal kelihatan walaupun tanpa kandungan.

Isu:

Masalahnya bukan terletak pada ketinggian div tetapi dengan bekasnya. Bekas induk tidak berada pada ketinggian 100%, menyebabkan div kandungan mewarisi ketinggian tersebut.

Penyelesaian:

Untuk menyelesaikan masalah ini, tambahkan CSS berikut:

html,body { height:100%; }

Pelarasan Tambahan:

Anda boleh perlu melaraskan padding dan margin untuk mencapai rupa yang diingini.

Keserasian Penyemak Imbas:

Jika anda memerlukan ini untuk berfungsi merentas semua penyemak imbas, pengubahsuaian tambahan mungkin diperlukan.

Disyorkan Sumber:

• [Menguji Tinggi Badan HTML](http://www.brunildo.org/test/html_body_0.html)
• [HTML dan Badan Ketinggian](http://www.brunildo.org/test/html_body_11b.html)
• [QuirksMode](http://quirksmode.org/) untuk maklumat keserasian penyemak imbas selanjutnya

Atas ialah kandungan terperinci Bagaimana Saya Membuat Regangan DIV ke Bahagian Bawah Halaman Walaupun Kosong?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!