彈性布局是一種靈活的布局方式，可以幫助我們讓網頁能夠適應不同的屏幕大小。在CSS中，我們可以使用flexbox(彈性盒子)來設置彈性布局。

.container {
display: flex;
}

使用display:flex來設置容器為彈性盒子。在彈性盒子中，我們可以使用多種屬性來調整子元素的布局。

.container {
display: flex;
justify-content: center;
}
.item {
flex: 1;
margin: 10px;
}

justify-content屬性用于定義主軸（默認為水平方向）上的對齊方式。上面的代碼設置了主軸上的對齊方式為居中。而子元素的布局則可以使用flex屬性，例如上面代碼中的.item設置了flex:1，表示子元素會在容器中均勻分布。

.container {
display: flex;
flex-wrap: wrap;
}
.item {
flex-basis: 100px;
}

如果子元素過多，會導致彈性盒子超出容器的范圍，這時我們可以使用flex-wrap屬性將子元素換行。同時，我們也可以使用flex-basis屬性定義子元素在主軸上的初始大小。

總之，彈性布局是一種非常方便靈活的布局方式。為了讓網頁能夠適應各種設備屏幕大小，我們應該盡可能地多使用彈性布局。