Html 修复了继承flex属性的flexed div的子级

我有一个

flexed div

的子对象，其中所有子对象我都希望是dom的100%（其他子对象的屏幕外部分稍后将通过转换进行翻译）。为此，我给了弯曲的父母宽度

100%*numChildren

，给每个孩子

100%的宽度

除了在其中一个子系统中有一个带有固定位置的模式弹出窗口外，这一切都正常工作。该位置固定为
宽度
和
高度
的
100%
；然而，它似乎是基于那些百分之几百的
flex父对象的值，而不是实际的dom<代码>绝对值
做同样的事情。为什么会发生这种情况？我怎么修理它

1） 我应该换一种方式吗？如果我不这样做，我会遇到一个问题，即孩子们的
宽度不满足
100%。

我要覆盖以下行为：

您可以使用
宽度：100vw
，它表示视口的宽度，而不是使用
宽度：100%
。或者对弹出窗口使用绝对定位，对flex项使用相对定位


html，正文{
保证金：0；
}
#容器{
显示器：flex；
高度：100vh；
溢出-x：滚动；
}
#容器>分区{
宽度：100vw；
弹性收缩：0；
边框：5px纯蓝色；
框大小：边框框；
位置：相对位置；
}
.腹肌{
位置：绝对位置；
宽度：100%；
顶部：100px；
左：0；
边框：5px纯红；
框大小：边框框；
}

1绝对的
2.
3.
4.
您可以使用
宽度：100vw
，它表示视口的宽度，而不是使用
宽度：100%
。或者对弹出窗口使用绝对定位，对flex项使用相对定位


html，正文{
保证金：0；
}
#容器{
显示器：flex；
高度：100vh；
溢出-x：滚动；
}
#容器>分区{
宽度：100vw；
弹性收缩：0；
边框：5px纯蓝色；
框大小：边框框；
位置：相对位置；
}
.腹肌{
位置：绝对位置；
宽度：100%；
顶部：100px；
左：0；
边框：5px纯红；
框大小：边框框；
}

1绝对的
2.
3.
4.
你能提供一个实例吗？@SergChernata我找到了一个描述浏览器这种行为的链接。如何覆盖？你能提供一个实例吗？@SergChernata我找到了一个描述浏览器这种行为的链接。如何覆盖？