CSS3伸縮盒子是CSS3的一項(xiàng)新特性，它可以使頁面布局更加靈活、多樣化，適應(yīng)不同的設(shè)備和屏幕大小。

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

在上述代碼中，我們使用了display:flex屬性來定義容器為伸縮容器，其中flex-wrap屬性可以在容器的子元素超出容器寬度時(shí)實(shí)現(xiàn)自動(dòng)換行。而在.items類中，我們使用了flex屬性來定義子元素的伸縮能力，其中第一個(gè)參數(shù)表示伸縮能力，第二個(gè)參數(shù)表示收縮能力，第三個(gè)參數(shù)表示子元素占據(jù)空間的大小。

除此之外，CSS3伸縮盒子還有一些其它的特性，例如:

.container{
display: flex;
justify-content: center;
align-items: center;
}

在這個(gè)代碼中，我們使用了justify-content屬性來定義子元素在容器中水平居中，align-items屬性則是垂直居中。

總之，CSS3伸縮盒子為網(wǎng)頁制作者帶來了更多的靈活性和自由度，同時(shí)也為適應(yīng)不同屏幕和設(shè)備提供了更多的可能性。