CSS 彈性網格是一種靈活的網格系統，它可以自適應不同的屏幕尺寸和設備類型。它基于 CSS3 的 Flexbox 模型，可以快速創建響應式和可重用的布局。以下是一個基本的例子：

.container {
display: flex;
flex-wrap: wrap;
}
.item {
flex: 1;
margin: 10px;
}

在這個例子中，我們創建了一個具有彈性屬性的容器。這意味著其子元素可以自動排列，根據屏幕大小和布局方向的變化而進行調整。使用 flex-wrap 屬性，我們可以控制子元素的換行方式。

接下來，我們定義了每個子元素的 flex 屬性。這個屬性用于控制子元素在容器中的比例。對于多個子元素，我們可以指定它們的 flex 值，使它們具有不同的比例，從而創建出復雜的布局。與傳統的網格系統不同，彈性網格不需要將頁面分割為特定的行和列。相反，它讓子元素自由地占據可用空間，從而實現更靈活的網格布局。

最后，我們在每個子元素中添加了一個 margin 屬性。這個屬性用于控制子元素之間的間距。使用 margin 和 padding 屬性，我們可以進一步調整子元素的定位和外觀。

總而言之，CSS 彈性網格是一種強大且靈活的布局工具，用于創建響應式和可重用的網頁布局。它基于 CSS3 Flexbox 模型，可以自適應不同的屏幕尺寸和設備類型。通過靈活使用 flex、flex-wrap 和 margin 等屬性，我們可以輕松地控制彈性網格布局的結構和樣式。