用 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中文网其他相关文章！
