CSS自適應布局是一種通過 CSS 樣式來控制頁面的布局和大小，從而實現(xiàn)不同設備上都能良好運行的布局技術。自適應布局可以根據(jù)設備的屏幕尺寸、分辨率等特性，自動調(diào)整頁面的布局和大小，使得頁面能夠在各種設備上都能正常顯示和操作。

在 CSS 自適應布局中，常用的方法有以下幾種：

1. 響應式布局：響應式布局是指根據(jù)用戶的設備屏幕尺寸和分辨率，自動調(diào)整頁面的布局和大小。使用響應式布局，可以輕松地在不同的設備和屏幕上，保持頁面的布局和樣式一致。響應式布局需要使用媒體查詢和偽元素來實現(xiàn)。

2. 偽塊布局：偽塊布局是指將頁面分成多個偽塊，每個偽塊都包含一個父元素和一個子元素。當父元素的寬高發(fā)生變化時，子元素的寬高也會自動調(diào)整。使用偽塊布局，可以實現(xiàn)高度自適應，但需要保證每個子元素的大小保持一致。

3. 塊級格式化上下文(Block Formatting Context,BFC)：塊級格式化上下文是一種用于處理塊元素的 CSS 語法。BFC 可以根據(jù)塊元素的寬高變化，自動調(diào)整其他元素的寬高。使用 BFC 可以實現(xiàn)高度自適應，但需要注意元素的嵌套層次和寬度。

4. 表格布局：表格布局是指將表格元素設置為固定寬度，并根據(jù)表格內(nèi)容自適應調(diào)整行高和列寬。使用表格布局，可以實現(xiàn)寬度自適應，但需要注意表格的單元格大小和行距。

5. 網(wǎng)格布局：網(wǎng)格布局是指將頁面分成多個網(wǎng)格單元格，每個單元格包含一個父元素和一個子元素。當父元素的寬高發(fā)生變化時，子元素的寬高也會自動調(diào)整。使用網(wǎng)格布局，可以實現(xiàn)高度自適應，但需要注意網(wǎng)格單元格的大小和數(shù)量。

CSS 自適應布局是一種十分有用的技術，可以幫助網(wǎng)站開發(fā)者根據(jù)設備的屏幕尺寸和分辨率，靈活調(diào)整頁面的布局和大小，從而更好地適應各種設備。通過使用不同的 CSS 布局方法，可以在不同的設備和屏幕上，保持頁面的布局和樣式一致。