Html 如何仅拉伸某些栅格元素？

我已使用参数创建了网格：

.wrapper {
    display: grid;
    grid-template-columns: auto-fit;
    grid-template-areas: ". a ."
                         "b c d"
                         ". e .";
}

由于

a

，

b

，

d

，

e

是按钮，

c

是灵活的表格，我不需要将网格拉伸到窗口大小。（我使用网格只是为了将项目放置在正确的位置）。此外，如果需要，我需要它能够超出页面（窗口）边界，但保持所有项目的原始大小

---

我应该使用什么属性来解决此问题？或者我应该使用不同的方法吗？

据我所知，您正在寻找一个内嵌网格-请参阅和