Javascript 我如何伸展一个街区的高度？

父单元

.wrapper

的高度为100%。子

.info

块的高度未定义，可能不同。如何拉伸子块

.wrp

，使其达到父块

.wrapper

的整个剩余高度

联系：

还有其他选择吗

body，
html{
身高：100%；
保证金：0；
填充：0；
}
div{
保证金：0；
填充：0；
}
.包装纸{
显示：块；
溢出：隐藏；
身高：100%；
宽度：100%；
背景颜色：银色；
}
.wrp{
显示：块；
宽度：100%；
身高：100%；
背景颜色：巧克力色；
}
.info{
显示：块；
宽度：100%；
背景颜色：蓝色；
}

你有没有看到岩石上的圣母身穿白色长袍，在波涛之上
当大海在狂风暴雨的黑暗中肆虐时，
与海岸嬉戏时，
当一道闪电以鲜红的
照亮她每小时的光辉时，
风以她飘动的面纱拍打着飞行时？

var height_wrapper=$（'.wrapper'）.height（），
高度信息=$（'.info'）.height（），
高度包装纸=高度包装纸-高度信息；
$（'.wrp'）.css({
“高度”：高度
});
body，
html{
身高：100%；
保证金：0；
填充：0；
}
div{
保证金：0；
填充：0；
}
.包装纸{
显示：块；
溢出：隐藏；
身高：100%；
宽度：100%；
背景颜色：银色；
}
.wrp{
显示：块；
宽度：100%；
身高：100%；
背景颜色：巧克力色；
}
.info{
显示：块；
宽度：100%；
背景颜色：蓝色；
}

你看见岩石上穿着白色长袍的圣母吗？当大海在狂风暴雨的黑暗中肆虐，
与海岸嬉戏，
当一道鲜红的闪电照亮了她每小时的光辉，风也随着它拍打着飞翔
她的飘纱？
您不需要jquery，只需要在层中进行更改。包装器显示：flex，而不是显示：block

 .wrapper {
  display: flex;
  overflow: hidden;
  height: 100%;
  width: 100%;
  background-color: silver;
}


这就是您需要的吗？
您可以使用CSS布局轻松完成这项工作


父元素应具有
显示：flex和

要容纳父对象剩余空间的子对象应具有



body，
html{
身高：100%；
保证金：0；
}
.包装纸{
显示器：flex；
弯曲方向：立柱；
身高：100%；
}
.wrp{
弹性：1；
背景颜色：巧克力色；
}
.info{
背景颜色：蓝色；
}

你看见岩石上穿着白色长袍的圣母吗？当大海在狂风暴雨的黑暗中肆虐，
与海岸嬉戏，
当一道鲜红的闪电照亮了她每小时的光辉，风也随着它拍打着飞翔
她的飘纱？