CSS布局方式有很多种，以下是一些常见的布局方式：
1. 静态布局：最传统的布局方式，网页中所有尺寸都是由px作为单位，设置了min-width，如果宽度小于就会出现滚动条，如果大于这个宽度则内容居中外加背景。
2. 自适应布局：可以看成是不同屏幕下由多个静态布局组成的，自适应布局是为不同的屏幕分辨率分别定义不同的布局，只是布局改变，元素不变。
3. 流式布局（Flow Layout）：最基本的布局方式，元素从上到下，从左到右一行一行排列。
4. 浮动布局（Float Layout）：元素一行一行排列，但元素可左右浮动，以达到自适应窗口大小、左右对齐、文字环绕等效果。
5. 定位布局（Positioned Layout）：用absolute或relative的定位属性，将元素摆放到指定位置，适用于需要绝对定位或相对定位元素的布局，其优点是不受上下文的影响，可以灵活地摆放和组合，缺点是当元素过多或嵌套过深时，代码复杂度会增加。
6. 栅格布局（Grid Layout）：指使用网格来布局网页元素，将网页分成等宽或等高的行和列，然后将元素放置到相应的单元格中。
7. 弹性盒子布局（Flexible Box Layout）：一种弹性的布局方式，可以灵活地伸缩和对齐元素。
以上是CSS常见的页面布局方式，每种方式都有其特点和适用场景，可以根据实际需求选择合适的布局方式。
