Bagaimana untuk Menjadikan Elemen Div Menduduki Ketinggian Halaman Selebihnya Sambil Mengekalkan Ketinggian Tetap untuk Div ​​Lain?

Mengekalkan Taburan Ketinggian Konsisten dengan Elemen Div

Memastikan taburan ketinggian berkadar antara berbilang elemen div boleh dicapai melalui teknik CSS lanjutan. Pertimbangkan senario berikut:

<div>
<p><br></p>
<p> Matlamatnya adalah untuk menjadikan div2 menduduki baki ketinggian halaman, sambil membenarkan div1 mengekalkan ketinggian tetapnya.</p>
<p><strong>Penyelesaian: Kedudukan Mutlak</strong></p>
<p>Dengan menggunakan CSS berikut gaya, anda boleh mencapai gelagat yang diingini:</p>
<p></p>
<p><br> </p>
<div><pre class="brush:php;toolbar:false"><div>
<h1 id="div">div1{</h1>
<pre class="brush:php;toolbar:false">width: 100%;
height: 50px;
background-color:red;/*Development Only*/

}

div2{

width: 100%;
position: absolute;
top: 50px;
bottom: 0;
background-color:blue;/*Development Only*/

}

<div><pre class="brush:php;toolbar:false">