CSS3 柵格 彈性是一種靈活的布局技術，可用于創建響應式設計。柵格系統基于網格布局，它將頁面劃分為等寬垂直列和水平行。這使得頁面在不同尺寸的設備上具有更好的可讀性和易用性。

.container {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
grid-gap: 20px;
}

上面的代碼展示了如何使用柵格系統創建一個彈性的容器。其中，container是一個容器元素。display屬性設置為grid，意味著該元素的每一個子元素都會被置于一個網格單元中。grid-template-columns定義了網格列的數量和寬度。使用repeat(auto-fill, minmax(250px, 1fr))可實現自動填充和響應式設計。grid-gap屬性定義了網格之間的距離。

彈性設計的好處在于它可以自適應各種屏幕大小，它會自動調整列的數量和寬度，從而使設計具有更好的可讀性和易用性。這是一個非常有用的技術，值得掌握。