Html 在滚动的父对象内拉伸容器，以便在其子对象超出父对象的边界时与之匹配
是否有一个干净的html/css专用方法来拉伸滚动父容器中的容器，以便在其子容器超出父容器的大小时匹配子容器？如果不是，用Javascript实现这一点的最快方法是什么 请注意，容器的边框是如何停在父容器的底部边缘的，而子容器的边框是如何继续通过该边缘的。我希望子对象定义容器的高度，同时仍保留父对象的滚动区域 谢谢你的帮助Html 在滚动的父对象内拉伸容器，以便在其子对象超出父对象的边界时与之匹配,html,css,Html,Css,是否有一个干净的html/css专用方法来拉伸滚动父容器中的容器，以便在其子容器超出父容器的大小时匹配子容器？如果不是，用Javascript实现这一点的最快方法是什么 请注意，容器的边框是如何停在父容器的底部边缘的，而子容器的边框是如何继续通过该边缘的。我希望子对象定义容器的高度，同时仍保留父对象的滚动区域 谢谢你的帮助 正文{ 背景色：#a8a8a8； 宽度：100%； 身高：100%； 显示器：flex； 弯曲方向：立柱； 保证金：0； 填充：0； 位置：绝对位置； } .标题{ 背景
正文{
背景色：#a8a8a8；
宽度：100%；
身高：100%；
显示器：flex；
弯曲方向：立柱；
保证金：0；
填充：0；
位置：绝对位置；
}
.标题{
背景色：#666666；
宽度：100%；
高度：50px；
盒影：0 3px 6px rgba（0,0,0,0.16），0 3px 6px rgba（0,0,0,0.23）；
flex:0自动；
z指数：10；
}
.校长2{
背景色：#ededed；
宽度：100%；
高度：75px；
盒影：0 1px 3px rgba（0,0,0,0.12），0 1px 2px rgba（0,0,0,0.24）；
flex:0自动；
z指数：9；
}
.页脚{
flex:0自动；
高度：20px；
背景色：黑色；
盒影：0-3px6pxRGBA（0,0,0,0.16），0-3px6pxRGBA（0,0,0,0.23）；
}
.columns、.columns\u标题{
显示器：flex；
弯曲方向：行；
对齐项目：拉伸；
柔性生长：1；
}
.列标题{
背景色：黑色；
最小高度：30px；
flex:0自动；
盒影：0 3px 6px rgba（0,0,0,0.16），0 3px 6px rgba（0,0,0,0.23）；
z指数：1；
}
.栏目名称{
填充：3px 0 3px；
文本对齐：居中；
宽度：100%；
字体大小：粗体；
颜色：白色；
右边框：1px实心#A8A8；
}
.列标题：最后一个孩子{
右边框：27px纯黑；
}
.栏目标题：第一个孩子{
左边框：10px纯黑；
}
.栏目{
背景色：#ededed；
溢出y：滚动；
}
.栏目{
填充：10px；
右边框：1px实心#666666；
柔性生长：1；
显示器：flex；
弯曲方向：立柱；
}
.专栏：最后一个孩子{
右边框：10px实心#666666；
}
.专栏：第一个孩子{
左边框：10px实心#666666；
}
.活动{
高度：自动；
宽度：100%；
边框：1px实心#666666；
背景色：白色；
边界半径：6px；
最小高度：200px；
边缘底部：5px；
盒影：0 1px 3px rgba（0,0,0,0.12），0 1px 2px rgba（0,0,0,0.24）；
}
body{position:absolute}