CSS3自動(dòng)分配是一種新的布局方式，它可以根據(jù)容器的大小和內(nèi)容的數(shù)量自動(dòng)分配每個(gè)元素的寬度和高度。

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

上面的代碼是一個(gè)使用CSS3自動(dòng)分配的簡(jiǎn)單例子。我們使用了flex布局，并設(shè)置了flex-wrap為wrap，這樣當(dāng)元素?cái)?shù)量超過容器的寬度時(shí)，會(huì)自動(dòng)換行。然后，我們給每個(gè)子元素設(shè)置了flex為1，表示它們平均分配容器的寬度。

.container{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.item{
height: 100px;
}

除了使用Flexbox，我們也可以使用CSS Grid來實(shí)現(xiàn)自動(dòng)分配。上面的代碼中，我們使用了grid布局，并設(shè)置了grid-template-columns為repeat(auto-fit, minmax(200px, 1fr))，這樣它會(huì)自動(dòng)根據(jù)容器的寬度分配列的數(shù)量，并且每個(gè)列的最小寬度為200px。然后我們給子元素設(shè)置了高度為100px。

總體而言，CSS3自動(dòng)分配是一種非常方便的布局方式。它可以自動(dòng)適應(yīng)不同的設(shè)備和瀏覽器窗口大小，讓網(wǎng)站的布局變得更加靈活。