Javascript 如何避免弹性物品在折叠时具有相同的高度

有一些元素来自数组，然后我需要用diplay flex将它们放在列表中，我的问题是我添加了一个按钮，可以折叠所选元素，但其他元素的高度也会被修改

尝试了不同的显示方式，并在li元素上嵌入，但没有任何效果

有没有办法让列表中的元素内联且高度独立

.dragscroll{
显示器：flex；
溢出-x：自动；
}
.矩形支架{
边框：1px纯黑；
}
保险商实验室{
列表样式类型：无；
}

你好

崩溃
可折叠



你好

崩溃
可折叠



你好

崩溃
可折叠



你好

崩溃
可折叠



你好

崩溃
可折叠



你好

崩溃
可折叠



你好

崩溃
可折叠

您需要添加css属性对齐项：flex start。 它定义了弹性项在当前行上沿横轴的布局方式的默认行为。和弹性开始设置项目的交叉开始边距边缘放置在交叉开始线上

.dragscroll {
    display: flex;
    overflow-x: auto;
    align-items: flex-start;
}