CSS中常用的布局方式有以下几种：
1. 流动布局（Flow Layout）：元素按照其在HTML结构中的位置依次排列，不进行特殊的定位或调整。
2. 浮动布局（Float Layout）：元素通过设置浮动属性（float）实现排列，可以使元素脱离文档流并实现多列布局。
3. 定位布局（Positioning Layout）：通过设置元素的定位属性（position）来实现精确的布局，常用的定位属性有relative、absolute和fixed。
4. 弹性布局（Flexbox Layout）：通过设置弹性容器的display属性为"flex"，并使用弹性属性（flex）来控制元素的尺寸和位置，实现自适应的布局。
5. 网格布局（Grid Layout）：通过设置网格容器的display属性为"grid"，并使用网格属性（grid）来定义元素在网格中的位置和尺寸，实现复杂的布局。
6. 多列布局（Multi-column Layout）：通过设置容器的column属性，将内容分为多列显示，实现报纸或杂志的布局效果。
7. 响应式布局（Responsive Layout）：通过使用媒体查询（media query）和流动布局等技术，在不同的设备或屏幕尺寸上实现适应性布局。
