CSS 篩子布局是一種新型布局方式，采用 flex 布局實現，用于創建響應式布局。

篩子布局的特點是可在不同屏幕寬度下輕松實現網頁布局的變化，通過不同屏幕尺寸下方塊的自動適配和縮放，實現了響應式設計。

.container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.box {
width: 300px;
height: 300px;
margin-bottom: 20px;
}

上面的代碼展示了一個篩子布局的實現方式，.container 類為容器類，采用 flex 布局，設置 flex-wrap 屬性為 wrap 可實現自動換行，justify-content 屬性設置為 space-between 可使方塊在容器內均勻分布，align-items 屬性設置為 center 可使方塊在容器內垂直居中對齊。

.box 類為方塊類，設置寬度、高度以及 margin-bottom 屬性，可實現方塊之間的距離和大小調整。

篩子布局是一種相對傳統布局方式更加靈活、支持響應式的布局方式，可應用于各類 Web 應用程序的開發。