Css 我是不是面临人满为患的局面？

以下代码用于学习porpuses：

*{
保证金：0；
填充：0；
框大小：边框框；
}
.1级{
边框：1px纯绿色；
显示器：flex；
证明内容：中心；
高度：100vh；
}
.2级{
边框：3倍纯黑；
显示器：flex；
柔性包装：包装；
弯曲方向：立柱；
}
.3级{
边框：1px纯红；
高度：10vh；
宽度：10vw；
}

1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111

为什么黑色矩形不包含所有红色矩形

因为元素正在使用

flex wrap:wrap带
柔性方向：列

发件人：

柔性项以列的形式垂直显示

由于父div没有提供足够的
height
值来包装所有项目，因此它将停止在该位置

为什么黑色矩形的底部不在该列的最后一个红色矩形中结束

这就是父div高度的原因。这还不够

如何使黑色矩形覆盖所有红色矩形

移除<代码>高度：100vh属性来自
class1


*{
保证金：0；
填充：0；
框大小：边框框；
}
.1级{
边框：1px纯绿色；
显示器：flex；
证明内容：中心；
/*高度：100vh*/
}
.2级{
边框：3倍纯黑；
显示器：flex；
柔性包装：包装；
弯曲方向：立柱；
}
.3级{
边框：1px纯红；
高度：10vh；
宽度：10vw；
}

1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111

为什么黑色矩形不包含所有红色矩形

因为元素正在使用
flex wrap:wrap带
柔性方向：列

发件人：

柔性项以列的形式垂直显示

由于父div没有提供足够的
height
值来包装所有项目，因此它将停止在该位置

为什么黑色矩形的底部不在该列的最后一个红色矩形中结束

这就是父div高度的原因。这还不够

如何使黑色矩形覆盖所有红色矩形

移除<代码>高度：100vh属性来自
class1


*{
保证金：0；
填充：0；
框大小：边框框；
}
.1级{
边框：1px纯绿色；
显示器：flex；
证明内容：中心；
/*高度：100vh*/
}
.2级{
边框：3倍纯黑；
显示器：flex；
柔性包装：包装；
弯曲方向：立柱；
}
.3级{
边框：1px纯红；
高度：10vh；
宽度：10vw；
}

1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1。你的意思是
flex-wrap:wrap仅适用于水平溢出？（我希望在使用
flex-wrap:wrap；
和
flex-direction:row；
时具有相同的效果）。2.我知道已经没有空间再放一个红色的长方形了。我问——那为什么黑色的长方形没有结束呢？我没有提供高度，因此高度的值可以是动态的。3.我问当有一个高度：100vh时如何解决也许我不清楚。我更新了我的问题。@StavAlfi您需要提供class
class2
的
width
和
height
值，同时使用
flex direction
（列
和行
）。感谢您的回复。np，我将定义高度，但我希望宽度是动态的，因为我不知道将有多少个红色矩形。啊，如果将其与选项
列一起使用，可以保留高度值。否则，如果将其与
行
选项一起使用，则可以保留宽度值。我们将这两个值都设置为适合您站点上的内容1。你的意思是
flex-wrap:wrap仅适用于水平溢出？（我希望在使用
flex-wrap:wrap；
和
flex-direction:row；
时具有相同的效果）。2.我知道已经没有空间再放一个红色的长方形了。我问——那为什么黑色的长方形没有结束呢？我没有提供高度，因此高度的值可以是动态的。3.我问当有一个高度：100vh时如何解决也许我不清楚。我更新了我的问题。@StavAlfi您需要提供class
class2
的
width
和
height
值，同时使用
flex direction
（两个
列）<