防止CSS网格单元格垂直扩展其他列中的单元格

我认为图片比这里的文字更能描述问题：

我想要达到的目标

我所拥有的 正如您所看到的，标题和描述同样展开，为画廊创造了空间。 我正在尝试实现第一个图像，其中库溢出并创建一个滚动条，以支持左栏中的最小内容

*{
保证金：0；
}
.集装箱{
背景色：浅绿色；
显示：网格；
填充：1rem；
网格模板列：1fr min content；/*我希望避免在此处将min content设置为固定宽度*/
网格模板行：重复（2，最小内容）；
网格模板区域：
“标题库”
"简介廊";；
网格间距：1rem；
}
.画廊{
网格区域：画廊；
显示：网格；
网格模板列：8rem 8rem；
网格自动行：8rem；
网格间距：1rem；
overflow-y:auto；/*根据左列的累积最小内容，如何产生此溢出*/
}
.画廊>*{
背景色：洋红色；
}
氢{
网格区域：标题；
背景色：白色；
}
p{
网格区域：描述；
背景颜色：浅灰色；
}

一些头衔
知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作

一种可能是玩

高度

和

最小高度

，然后添加一些正确的填充以避免水平滚动条或使用

溢出-x:hidden

*{
保证金：0；
}
.集装箱{
背景色：浅绿色；
显示：网格；
填充：1rem；
右侧填充：0.2rem；
网格模板列：1fr最小内容；
/*我想避免在这里将最小内容设置为固定宽度*/
网格模板行：重复（2，最小内容）；
网格模板区域：“标题库”“说明库”；
网格间距：1rem；
}
.画廊{
网格区域：画廊；
显示：网格；
网格模板列：8rem 8rem；
网格自动行：8rem；
网格间距：1rem；
溢出y：自动；
/*根据左列的累积最小内容，如何产生此溢出*/
身高：0；
最小高度：100%；
框大小：内容框；/*如果需要，除了您可能有的其他样式之外*/
右填充：1.2rem；/*或溢出-x：隐藏*/
}
.画廊>*{
背景色：洋红色；
}
氢{
网格区域：标题；
背景色：白色；
}
p{
网格区域：描述；
背景颜色：浅灰色；
}

一些头衔
知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作

如果设置网格自动行：min（8rem，100%）在gallery上，它应该可以做到这一点。

？但是css网格是否可以？不，同样的问题。你不能有不均匀的行