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

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

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

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

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

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

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

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