CSS3 彈性盒（也被稱為 Flexbox）是一種新的布局方式，用于在不同尺寸的屏幕上構(gòu)建彈性和自適應(yīng)的布局。這種布局方式可以代替?zhèn)鹘y(tǒng)的布局方式，例如 CSS 浮動、定位等。Flexbox 可以輕松地在父元素中調(diào)整其子元素的尺寸、位置和順序。

下面是一個簡單的 Flexbox 布局示例：

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

在這個示例中，我們使用了display: flex;屬性來將容器元素變成一個彈性盒。然后，我們使用flex: 1;屬性來將所有子元素變成相同的寬度，并將它們居中。

Flexbox 還有一些其他的屬性，例如flex-direction、justify-content、align-items、align-content等，可以幫助我們更精細(xì)地控制彈性盒子元素的布局。例如：

.container {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.item {
flex: 1;
}

這個示例將容器元素變成了一個橫向的彈性盒，并使用justify-content: space-between;屬性將所有子元素平均分配在容器元素的兩側(cè)，使用align-items: center;屬性將所有子元素垂直居中。

綜上所述，CSS3 彈性盒是一種非常強(qiáng)大的布局技術(shù)，可以幫助我們更輕松地構(gòu)建彈性和自適應(yīng)的布局。彈性盒的學(xué)習(xí)曲線可能比較陡峭，但是一旦掌握了核心概念和相關(guān)屬性，就可以在實(shí)際項(xiàng)目中大幅提高開發(fā)效率。