Css 当高度增加时,如何将弹性物品保持在容器顶部

Css 当高度增加时,如何将弹性物品保持在容器顶部,css,flexbox,Css,Flexbox,我正在制作一个手风琴下拉列表,并使用flex box对齐页面上的所有内容。然而,我遇到了一个问题,即项目垂直居中,即使我希望它们保持在顶部 你可以在这个代码笔中看到我的意思,我希望项目保持在顶部,只按下下拉列表中单击的一侧 据我所知,调整项目:flex start;应该行得通,尤其是在申请儿童flexbox时,但我很可能错了。这是怎么回事?似乎是你的边距:自动在.loh faq wrap上执行此操作 更改为: .loh-faq-wrap { margin: auto; } 为此: .

我正在制作一个手风琴下拉列表,并使用flex box对齐页面上的所有内容。然而,我遇到了一个问题,即项目垂直居中,即使我希望它们保持在顶部

你可以在这个代码笔中看到我的意思,我希望项目保持在顶部,只按下下拉列表中单击的一侧


据我所知,调整项目:flex start;应该行得通,尤其是在申请儿童flexbox时,但我很可能错了。这是怎么回事?

似乎是你的
边距:自动
.loh faq wrap上执行此操作

更改为:

.loh-faq-wrap {
    margin: auto;
}
为此:

.loh-faq-wrap {
    margin: 0 auto;
}

自动页边距可以用于居中。所以我推荐

哦,哇,我不知道为什么我会认为边距:自动只对水平对齐的东西起作用。谢谢你的帮助
.loh-faq-wrap {
    margin: 0 auto;
}