使用CSS;如何设置非溢出元素的样式以覆盖100%的父元素?

使用CSS;如何设置非溢出元素的样式以覆盖100%的父元素?,css,width,overflow,Css,Width,Overflow,我试图让非溢出DIV具有父级的宽度 .parent{ 宽度:300px; 高度:100px; 背景颜色:浅蓝色; 溢出:自动; } .父母。子女-1{ 宽度:800px; 背景颜色:浅绿色; } .父母,孩子-2{ 背景颜色:浅黄色; } 溢流舱 非溢流舱 这就是你想要做的吗 .parent{ 宽度:300px; 高度:100px; 背景颜色:浅蓝色; 溢出:自动; 显示:网格; 网格自动行:最小内容; } .父母。子女-1{ 宽度:800px; 背景颜色:浅绿色; } .父母,孩子-2{

我试图让
非溢出DIV
具有父级的宽度

.parent{
宽度:300px;
高度:100px;
背景颜色:浅蓝色;
溢出:自动;
}
.父母。子女-1{
宽度:800px;
背景颜色:浅绿色;
}
.父母,孩子-2{
背景颜色:浅黄色;
}

溢流舱
非溢流舱

这就是你想要做的吗

.parent{
宽度:300px;
高度:100px;
背景颜色:浅蓝色;
溢出:自动;
显示:网格;
网格自动行:最小内容;
}
.父母。子女-1{
宽度:800px;
背景颜色:浅绿色;
}
.父母,孩子-2{
背景颜色:浅黄色;
}

溢流舱
非溢流舱

已经是这样了,你是什么意思?它已经有了父级的宽度,即300px。您可能希望它具有另一个子元素的宽度
align content:start而不是最小值-content@TemaniAfif是的,这也行,
网格自动流
也值得一提;)