CSS彈性布局是一種非常實用的布局方式，它可以輕松地實現(xiàn)頁面的自適應(yīng)和響應(yīng)式設(shè)計，在CSS彈性布局中，我們可以使用flex容器來容納和排列子元素，從而實現(xiàn)頁面的靈活布局。

要使用CSS彈性布局，我們首先需要創(chuàng)建一個flex容器，在CSS中，我們可以使用display屬性來定義容器類型，

.container {
  display: flex;
}

我們可以使用flex容器中的子元素來填充和排列內(nèi)容，在彈性布局中，子元素被稱為flex項，我們可以使用flex-direction屬性來定義flex項的方向，

.container {
  flex-direction: row;
}

這將使flex項水平排列，如果我們想要使flex項垂直排列，我們可以將flex-direction屬性設(shè)置為column。

除了flex-direction屬性外，CSS彈性布局還提供了許多其他屬性，例如flex-wrap、justify-content和align-items等，這些屬性可以幫助我們更好地控制頁面的布局和樣式。

CSS彈性布局是一種非常強大且實用的布局方式，通過使用flex容器和flex項，我們可以輕松地實現(xiàn)頁面的自適應(yīng)和響應(yīng)式設(shè)計，從而為用戶提供更好的體驗。