Css 当子元素的容器宽度小于视口宽度时，如何为其指定文档的全宽度 .集装箱{ 宽度：800px； 高度：200px； 保证金：自动； }

现在我想给子窗口的宽度和视口的宽度相同

---

ps:100vw不工作

使用

100vw

是不够的，您还需要将元素置于容器内的中心，使其在两侧均匀溢出

以下是使用flexbox居中的示例：

.container{
宽度：300px；
高度：150像素；
保证金：自动；
背景：绿色；
显示器：flex；
证明内容：中心；
}
.孩子{
宽度：100vw；
弹性收缩：0；/*以避免收缩效果*/
高度：100px；
背景：红色；
颜色：#fff；
}
身体{
保证金：0；
}

一些内容

<div class="container">
<div class="child">
</div>
</div>

.container {
width: 800px;
height: 200px;
margin:auto;

}