CSS布局方式主要包括以下几种：

块级布局 ：基于块级元素的布局方式，元素互相独立，各自占据一行或多行。通过设置`display`属性为`block`可以实现块级元素的布局。

行内布局 ：基于行内元素的布局方式，在同一行内水平排列，元素之间有固定的间距和高度。通过设置`display`属性为`inline`可以实现行内元素的布局。

弹性布局（Flexbox） ：一种一维布局模型，能够方便地实现元素的水平或垂直排列，以及元素的自适应和对齐等功能。

栅格布局（Grid） ：将页面划分为网格，通过定义行和列来实现元素的布局。网格布局可以轻松实现复杂的多列布局和响应式设计。

浮动布局 ：元素浮动到其父容器的左侧或右侧，用于实现多列布局。

定位布局 ：可以精确地控制元素在页面中的位置，如绝对定位（`absolute`）、相对定位（`relative`）和固定定位（`fixed`）等。

自适应布局 ：为不同的屏幕分辨率分别定义不同的布局，自适应布局中可以通过改变屏幕分辨率可以切换不同的静态布局，且自适应布局中元素的位置会变化。

响应式布局 ：通过使用媒体查询（`@media`）和其他CSS技术，根据不同的设备和屏幕尺寸来调整页面布局和样式，以提供更好的用户体验。

多列布局 ：将页面内容分为多列，可以使用CSS的`column`属性来实现。

层叠布局 ：通过使用CSS的`position`属性和`z-index`属性，将页面元素分层叠放，实现复杂的布局效果。

这些布局方式可以单独使用，也可以结合使用来实现更复杂的页面布局。