网页布局主要有以下三种方式，涵盖从传统到现代的常见技术：

1. 固定布局（Fixed Layout）

   页面宽度固定，元素位置和大小不随浏览器窗口变化。适用于固定尺寸设备（如早期PC显示器），设计简单但缺乏灵活性，可能导致移动端显示问题。

2. 流式布局（Fluid Layout）

   元素宽度以百分比定义，随浏览器窗口大小自动调整。适用于PC端，能适应不同屏幕尺寸，但可能出现内容拉伸或拥挤问题。

3. 响应式布局（Responsive Layout）

   结合固定布局和流式布局优点，通过媒体查询和弹性布局技术，根据设备屏幕尺寸动态调整布局。兼顾多端体验，是当前主流的网页设计方式。

补充说明 ：

• 传统布局方式（如表格、框架）已逐渐被淘汰，因其加载速度慢、灵活性差。

• 布局机制还包括浮动布局（实现多列布局）和定位布局（精确定位元素）。

以上三种方式可根据项目需求选择，响应式布局因其兼容性和用户体验优势成为首选。