CSS布局是網頁設計的基礎，主要涉及如何組織和排列網頁上的元素。常見的CSS布局方法包括：
盒模型布局。每個HTML元素視為一個盒子，包含內容、內邊距、框線和外邊距。通過調整這些元素的屬性，如寬度、高度、內邊距、框線和定位等，可以實現不同的布局效果。
浮動布局。使用float屬性使元素脫離正常的文檔流，實現多列布局和文字環繞效果。但需注意清除浮動以避免元素重疊等問題。
彈性盒子（Flexbox）布局。通過設定display: flex，可以方便地實現元素在水平和垂直方向上的自適應布局。Flexbox布局具有靈活性和良好的適應性。
格線布局（Grid）。通過設定display: grid實現的二維格線布局系統，適用於複雜的布局結構和自適應調整。
定位布局。通過設定元素的position屬性（如relative、absolute、fixed），實現頁面中元素的精確定位。
多列布局。使用column-count和column-width等屬性，將內容分成多列進行展示。
單列布局。包括header、content、footer等寬的單列布局和header、footer占滿螢幕寬度，content略窄的單列布局。
兩欄自適應布局。通過float和overflow: hidden實現一欄內容自適應，另一欄撐滿螢幕剩餘寬度的布局。
三欄布局。包括聖杯布局和雙飛翼布局，特點是兩側欄目固定寬度，中間欄目自適應寬度。
每種布局方法都有其特點和適用場景，理解這些方法可以幫助開發者更有效地設計網頁結構。