Html 如何使滚动div的高度仅与行中的同级div一样大

仅使用css就可以做到这一点吗？有两个兄弟元素。第二个元素的高度仅足以容纳其子元素（子元素可能会随时间变化）。第一个元件的高度应与第二个元件的高度相同。如果其内容大于其高度，则应使用滚动溢出

下面的代码段与此不匹配，因为第一个元素占据了完全显示其内容所需的高度

html，
身体{
身高：100%；
保证金：0；
填充：0；
}
#容器{
边框样式：实心；
边框宽度：1px；
边框颜色：#000；
显示器：flex；
弯曲方向：行；
柔性包装：nowrap；
宽度：适合的内容；
}
#首先{
背景色：#00F；
溢出y：滚动；
身高：100%；
}
#第二{
背景色：#0F0；
高度：适合的内容；
宽度：200px；
}
#挡块{
高度：40px；
宽度：40px；
保证金：5px；
背景色：#F00；
}

您应该先用额外的包装纸包装

#

，然后将背景色应用于它。并使用

height:0 min height:100%

对

#first

我还修复了你的html错误。ID每页只能使用一次。因此，我将

#block

更改为

.block

html，
身体{
身高：100%；
保证金：0；
填充：0；
}
#容器{
边框样式：实心；
边框宽度：1px；
边框颜色：#000；
显示器：flex；
弯曲方向：行；
柔性包装：nowrap；
宽度：适合的内容；
}
.滚动区域{
溢出y：自动；
背景色：#00F；
}
#首先{
最小高度：100%；
身高：0；
}
#第二{
背景色：#0F0；
/*高度：适合内容；//不需要*/
宽度：200px；
}
.街区{
高度：40px；
宽度：40px；
保证金：5px；
背景色：#F00；
}