Css 使用引导flexbox将div堆叠在彼此的顶部

很抱歉这篇新手文章，但我对bootstrap（使用版本4.0）还不熟悉，并且已经读了很多书，但还不能实现将两个div叠加在一起的简单任务

弹性项目1
弹性项目2

通常有两个属性要确保在父级和每个子级上设置，以便让flex项按预期的方式运行

查看此方便的摘要：

你也可以参考这个：

您的示例显示为两个div，一个垂直于另一个上方。这不是你想要的吗？还是你只是想让他们长得更高

如果你希望你的封闭DIV更高，以使你的Flex项目更高，你可以考虑设置包装的最小高度。例如，请参见或

---

如果您希望某个项目占可见窗口空间的50%，可以在该对象上使用此css：

minheight:50vh

您可以使用类

flex fill

自动填充剩余空间

尝试调整类的高度

。项1

以查看结果

html，正文{
身高：100%；
}
.项目-1{
身高：50%；
}

弹性项目1
弹性项目2

谢谢你的链接，是的，我想把盒子弄高一些。我希望flexbox 1占页面的50%（或n%），让flexbox 2占据剩余空间。当你说占页面的50%时，你是指占可见窗口空间的50%吗？见编辑后的答案。