Html 如何使用网格正确堆叠flex项目（flex:9999 hack）

我想在必要时使用

flex-grow:9999

“hack”堆叠两个flex项，我可以通过按照正确的设计将“description”设置为最大宽度来实现这一点，但我不想这样做，因为我想让它的容器跟随网格流，让它的子容器具有全宽度（无最大宽度或固定值限制，即动态流），然后在必要时中断，并避免媒体查询。以下代码段按预期工作，但使用固定值设置了

.description

的

max width

：

*，
*：：之后，
*：：之前{
保证金：0；
填充：0；
-webkit框大小：边框框；
框大小：边框框；
边界：无；
}
第3节内容包装器{
保证金：0自动；
最大宽度：975px；
显示：网格；
网格模板列：重复（10，1fr）；
栅柱间隙：30px；
网格行间距：44px；
}
section.content-wrapper.news.with-preview图{
-webkit-box-flex:1；
-ms-flex阳性1例；
柔性生长：1；
}
section.content-wrapper.news.with-preview图img{
宽度：100%；
}
section.content-wrapper.news.with-preview{
-webkit盒方向：水平；
-webkit盒方向：正常；
-ms柔性方向：行；
弯曲方向：行；
-ms-flex-wrap:wrap；
柔性包装：包装；
}
section.content-wrapper.news.with-preview.description{
-webkit-box-flex:9999；
-ms-flex阳性：9999；
flex-grow:9999；
最大宽度：228px；
}
section.content-wrapper.news{
边框顶部：3px实心#dbdb；
格构柱：跨度5；
显示：-网络工具包盒；
显示：-ms flexbox；
显示器：flex；
填充顶部：19px；
}

阿利奎姆·埃拉特·帕特·莫比·努克·多洛，临时欧盟康格身份证，弗林利亚
亚马孙
我是一个爱我的人，我是一个爱我的人，我是一个自由的人，我是一个爱我的人，我是一个爱我的人，我是一个爱我的人，我是一个爱我的人

阿利奎姆·埃拉特·帕特·莫比·努克·多洛，临时欧盟康格身份证，弗林利亚
亚马孙
我是一个爱我的人，我是一个爱我的人，我是一个自由的人，我是一个爱我的人，我是一个爱我的人，我是一个爱我的人，我是一个爱我的人

我不明白预期的结果是什么。？@G-Cyr预期的结果是他的实际代码，但出于某种未知的原因，他希望代码在最大宽度下表现相同。您应该尝试将这个问题弄清楚。也许可以将其进一步细分，或者添加所需行为的说明。另外，

flex:9999

iIt’这并不是真正的黑客行为，只是一种将行中所有可用空间分配给一个项目的极端方法。