Html 我对flexbox和响应界面有问题

大家好，我对flexbox和responsive有问题……这是图片：

我希望红色部分和黑色部分100%，但正如你所看到的，我没有。。。我不知道为什么。。。 我需要一个蓝色和红色部分的包装，所以我需要为这两个部分确定一个分钟 但如果我使用flex，红色和黑色也是一样的：1 100%仍然如图所示 你能帮助我吗？ 那么为什么红色和黑色比蓝色和富霞少呢？即使我设置为：100%或100vw或flex:1,1100%

我的错在哪里

正文{
保证金：0自动；
背景：rgb（16235235）
}
.项目{
高度：500px；
弹性：1100%；
}
.集装箱{
显示器：flex；
柔性流：行换行；
背景：红色；
宽度：100vw；
}
.项目1{
背景：红色；
显示器：flex；
柔性流：行换行；
}
.INT1项目1{
背景：橙色；
弹性：01.60%；
自对准：居中；
}
.myText{
边缘顶部：50px；
文本对齐：居中；
}
.项目2{
背景：黄色；
显示器：flex；
柔性流：行换行；
}
.INT1项目2{
背景：蓝色；
最小宽度：200px；
弹性：140%；
}
.int2Item2{
背景：紫红色；
最小宽度：400px；
弹性：160%；
}
.项目3{
背景：黑色；
}

这里是标题
固定部件

这里有一些文字


这里有一些文字

这里有一段文字
此处文本

如果您希望将.item1设置为100%宽度（红色容器），那么您缺少一个宽度属性，我对您的问题有点茫然。 从第18行改成这个

.item1 {background: red;
    display: flex;
    flex-flow: row wrap; 
    width: 100vw;
}

---

如果这不是您的意思，请让我知道，我再看一看。

在您的代码示例中，它们似乎已经是全宽的了？：Pnop的颜色rgb（16，235，235）是身体的背景，我希望黑色和红色的完整，我看到的错误只有在400像素的宽度。所以，这似乎是由您在fuchsia块上设置的

最小宽度：400px

引起的。在

.container

上也设置最小宽度，或删除该限制。还要考虑媒体查询的使用：它们可以帮助你更好地控制你的layout@ReSedano完美的最小宽度在集装箱工作谢谢！！！！！！是的，我要红色的全套，蓝色和夹式包装，黑色的全套，还有。。。。我做了

.item{height:500px；flex:11100%；}

我知道这个问题是最小宽度的，但是我需要为ble和pink做包装