CSS彈性盒子（CSS Flexible Box）是CSS3中的一種布局模式，用來解決傳統布局方式的一些缺陷。使用彈性盒子可以使頁面在不同屏幕尺寸下自適應，而且使用方便，只需要添加少量的CSS代碼就可以實現。

要使用彈性盒子，需要將要布局的元素的display屬性設置為flex或inline-flex，表示這是一個彈性盒子。下面是一個簡單的例子：

.container{
display: flex;
}

上面的代碼將一個名為container的元素設置成了一個彈性盒子。默認情況下，彈性盒子中的元素會按照水平方向排列，且它們的寬度會被平均分配。要改變它們的排列方向，可以使用flex-direction屬性：

.container{
display: flex;
flex-direction: column;
}

上面的代碼將這個彈性盒子中的元素按照垂直方向排列。

在彈性盒子中，每一個元素都可以設置一個flex屬性，來指定它在彈性盒子中的占比。例如下面的代碼：

.item{
flex: 1;
}

上面的代碼將一個名為item的元素設置成了占據彈性盒子中剩余空間的一半。如果有多個元素設置了flex屬性，那么它們會按照flex屬性指定的占比來分配彈性盒子中的空間。

此外，使用彈性盒子還可以對元素在彈性盒子中的對齊方式進行控制。可以使用justify-content和align-items屬性來分別控制水平和垂直方向的對齊方式。例如：

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

上面的代碼將彈性盒子中的元素對齊到它們所在的中心位置。

總之，使用CSS彈性盒子可以使網頁布局更加靈活和自適應，值得我們在實際開發中多加使用。