我里面有一个div容器和孩子。
<div id="parent">
<div class="child"></div>
<div class="child"></div>
<div class="child"></div>
<div class="child" id="last-child"></div>
</div>
我不知道孩子的身高（每次都有不同的内容），但是我有
#parent {
min-height: 500px;
}
我想将最后一个孩子伸到父母的底部（它必须填充从他的胶皮到父母底部的可用空间）。
您可以为此使用flexbox（添加背景色以提高可见性）：
#parent {
min-height: 500px;
display: flex;
flex-direction: column;
background: #999;
}
.child {
background: #eee;
}
#last-child {
flex-grow: 1;
background: #faa;
}<div id="parent">
<div class="child">1</div>
<div class="child">2</div>
<div class="child">3</div>
<div class="child" id="last-child">4</div>
</div>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句