CSS是一種可以對HTML網頁進行樣式控制的語言。其中一個重要的功能是控制層自動填滿，讓頁面達到更好的視覺效果。本文將通過pre標簽展示CSS代碼，幫助你掌握如何實現CSS控制層自動填滿。

/* CSS 控制層自動填滿 */
.container {
display: flex; /* 使用 flex 布局 */
flex-wrap: wrap; /* 換行 */
}
.item {
/* 寬度自動填滿容器 */
flex: 1;
/* 設置最小寬度，避免內容溢出 */
min-width: 200px;
/* 設置間距，使布局更加美觀 */
margin: 10px;
}

上述CSS代碼中，我們使用了flex布局來實現層自動填滿。我們將容器的display屬性設置為flex，這樣就可以使用flex布局了。并且，我們設置了flex-wrap屬性為wrap，這樣當容器無法放下所有層時，就會自動換行展示。

接著，我們對每個層都設置了flex: 1屬性。這樣可以讓每個層自動填滿整個容器的寬度。但如果不設置最小寬度，就可能會出現內容溢出的情況。所以我們加了一個min-width屬性，保證每個層的最小寬度為200px。

最后，我們給每個層設置了margin屬性，這樣可以在層之間和容器之間留出間距，保證整個布局更美觀。

如果你想讓層自動填滿整個容器，那么以上這段CSS代碼，就是你需要的。嘗試使用它來改善你的CSS布局吧。