Css 包装flex项目之间不需要的空间

当我将flex容器的高度设置为大于flex项目将占用的高度时，包装的项目之间有空间。请注意-调整内容和对齐项目都设置为flex start。以下是片段（运行后单击全页）

.flex容器{
最小高度：100vh；
位置：相对位置；
显示器：flex；
弯曲方向：行；
调整内容：灵活启动；
调整项目：灵活启动；
柔性包装：包装；
}
标题，
主要的，
在一边
页脚{
填充：1rem；
背景色：番茄；
}
标题，
页脚{
宽度：100%；
}
主要{
宽度：75%；
}
旁白{
柔性生长：1；
}

标题内容
这里的主要内容。
边栏内容
页脚内容

如果我能很好地理解您的问题-您可以在

flex容器中添加以下div
.wrappper

.wrapper {
  position: relative;
  display: flex;  
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  flex-basis: 100%;
}


body{margin:0}
.包装纸{
位置：相对位置；
显示器：flex；
调整内容：灵活启动；
调整项目：灵活启动；
柔性包装：包装；
弹性基准：100%；
}
.柔性容器{
最小高度：100vh；
位置：相对位置；
显示器：flex；
弯曲方向：行；
调整内容：灵活启动；
调整项目：灵活启动；
柔性包装：包装；
}
标题，
主要的，
在一边
页脚{
填充：1rem；
背景色：番茄；
}
标题，
页脚{
宽度：100%；
背景颜色：蓝色；
}
主要{
弹性基准：75%；
柔性生长：1；
背景颜色：黄色；
}
旁白{
柔性生长：1；
}

标题内容
这里的主要内容。
边栏内容
页脚内容
在不添加额外标记的情况下，正确答案是
对齐内容：flex start-默认值为
拉伸
，这就是为什么当flex容器的大小超过其中元素的大小时，包装元素之间会有额外的空间。
谢谢，这确实会消除间距，但它所做的只是让flex子元素占据不需要的空间。我希望该空间能够折叠，并使项目保持在flexbox外正常的高度。@galingong您是否能够绘制一些图片并通过包含它来更新您的问题？因为我很难理解你需要什么抱歉，如果我不清楚的话。我想实现这一点：flex容器高度设置为100vh。@galingong我更新答案（运行后单击“全页”）谢谢，这正是我想要的，它可以工作。但我还是不明白，为什么它最初会将元素隔开。