CSS Grid布局是一個強大的布局方式，它可以使我們更加靈活地控制網頁中不同元素的排列方式。

首先，在CSS中我們需要定義一個網格，可以通過設置網格行數和列數來實現。例如下面的代碼定義一個包含3行和4列的網格：

.container {
display: grid;
grid-template-rows: repeat(3, 1fr);
grid-template-columns: repeat(4, 1fr);
}

上述代碼中，我們使用了“repeat”函數來簡化代碼，并將每一行和每一列的大小設為1fr，表示它們應該平均分配容器的剩余空間。

接下來，我們可以將容器中的元素放入網格中，可以通過指定它們在網格中的行和列來實現。例如下面的代碼將一個元素放置在第2行、第3列：

.item {
grid-row: 2;
grid-column: 3;
}

需要注意的是，網格行和列的編號從1開始，而不是從0開始。

此外，CSS Grid布局還支持一些其他的屬性來控制元素的大小、對齊方式等，例如“grid-template-areas”、“grid-template-rows”、“grid-template-columns”等。

綜上所述，通過使用CSS Grid布局，我們可以更加靈活地控制網頁中元素的排列方式，從而實現更加豐富多彩的網頁布局。