Rumah > Artikel > hujung hadapan web > Bila hendak menggunakan `height: 100%` lwn. `min-height: 100%` dalam CSS?
tinggi:100% lwn. ketinggian min:100%
Apabila cuba mengawal ketinggian elemen HTML, CSS menawarkan dua sifat penting: ketinggian dan ketinggian min. Sifat ini memainkan peranan yang berbeza dalam menentukan saiz elemen.
tinggi:100%
Menetapkan ketinggian kepada 100% menunjukkan bahawa elemen harus mengembang untuk menduduki keseluruhan ketinggian bekas induknya. Ini bermakna ketinggian elemen akan melaraskan secara dinamik berdasarkan saiz induknya.
tinggi min:100%
Sebaliknya, ketinggian min menentukan ketinggian minimum untuk sesuatu elemen. Jika ketinggian pengiraan elemen, dengan mengambil kira faktor lain seperti kandungan dan margin, adalah kurang daripada 100%, ketinggian min menguatkuasakan ketinggian 100%. Walau bagaimanapun, jika ketinggian yang dikira melebihi 100%, ketinggian min tidak mempunyai kesan.
Perbezaan Utama
Perbezaan utama antara ketinggian:100% dan ketinggian min: 100% terletak pada tingkah laku mereka apabila ketinggian pengiraan unsur kurang daripada 100%. Ketinggian:100% membolehkan elemen mengecut di bawah 100%, manakala ketinggian min:100% menghalang pengecutan ini dengan mengenakan ketinggian minimum 100%.
Contoh
Jika anda mempunyai
Atas ialah kandungan terperinci Bila hendak menggunakan `height: 100%` lwn. `min-height: 100%` dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!