用CSS 填滿剩餘的垂直空間
給定的HTML 在包裝div 中包含兩個div（#first 和#second） （#包裝紙）。目標是只使用 #second div 和 CSS 來佔據 #first 下面的剩餘垂直空間。
要實現此目的，請修改CSS 程式碼如下：
<code class="css">html, body {
height: 100%;
margin: 0;
}
.wrapper {
display: flex;
flex-direction: column;
width: 300px;
height: 100%;
}
.first {
height: 50px;
background-color: #b2efd8;
}
.second {
flex-grow: 1;
background-color: #80c7cd;
}</code>此修改後的程式碼完成透過定義以下內容來完成任務：
以上是如何用CSS讓div佔據剩餘的垂直空間？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
