CSS中常用的布局方式有以下幾種：
流動布局（Flow Layout）：元素按照其在HTML結構中的位置依次排列，不進行特殊的定位或調整。
浮動布局（Float Layout）：元素通過設置浮動屬性（float）實現排列，可以使元素脫離文檔流并實現多列布局。
定位布局（Positioning Layout）：通過設置元素的定位屬性（position）來實現精確的布局，常用的定位屬性有relative、absolute和fixed。
彈性布局（Flexbox Layout）：通過設置彈性容器的display屬性為"flex"，并使用彈性屬性（flex）來控制元素的尺寸和位置，實現自適應的布局。
網格布局（Grid Layout）：通過設置網格容器的display屬性為"grid"，并使用網格屬性（grid）來定義元素在網格中的位置和尺寸，實現復雜的布局。
多列布局（Multi-column Layout）：通過設置容器的column屬性，將內容分為多列顯示，實現報紙或雜志的布局效果。
響應式布局（Responsive Layout）：通過使用媒體查詢（media query）和流動布局等技術，在不同的設備或屏幕尺寸上實現適應性布局。
