CSS的宮格布局是一種在網頁上實現網格的方式，這種方式使用了CSS中的div元素。在宮格布局中，網頁被分為很多行和列，每個格子都是一個div元素。

div {
width: 100px;
height: 100px;
border: 1px solid black;
}

如上面的CSS代碼所示，每個div元素的寬度和高度都是100像素，邊框為1像素，這樣就能夠創建一個100像素寬度和100像素高度的網格。

使用div元素創建宮格布局可以很容易地實現網頁的響應式設計。通過添加適當的CSS代碼，可以實現在不同設備上顯示不同的網格大小。例如，在手機上顯示的宮格布局可以更小，而在電腦上顯示的宮格布局可以更大。

此外，通過給每個div元素添加不同的CSS樣式，可以使整個宮格布局更加多樣化。例如，可以添加不同的背景顏色、邊框顏色或者字體顏色等等，以使每個宮格看起來更加獨特。

總的來說，CSS的宮格布局是一種非常有用的網頁設計技巧。它可以使網頁看起來更加整潔有序，并且能夠實現響應式設計，適應不同的設備。因此，在進行網頁設計時，使用div元素創建宮格布局是一個非常好的選擇。