CSS中，要使元素橫跨所有列，可以使用grid-column屬性。

首先，需要有一個網格容器，可以使用display: grid;來定義。接下來，在要跨越所有列的元素上使用grid-column屬性，并將值設置為1 / -1，這將使元素跨越整個網格。

.container {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.item {
grid-column: 1 / -1;
}

上面的代碼將創建一個三列的網格容器，其中每一列都是平均占據容器的一份(1fr)。在.item中使用grid-column: 1 / -1屬性，將其跨越整個網格。

需要注意的是，當存在多個跨度所有列的元素時，它們將重疊在一起。可以使用grid-gap屬性來定義它們之間的間距。

.container {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 20px;
}
.item1 {
grid-column: 1 / -1;
}
.item2 {
grid-column: 1 / -1;
}

上面的代碼將在網格容器中創建兩個元素.item1和.item2，它們都跨越整個網格。同時使用grid-gap: 20px;來定義它們之間的間距。