‌常见的网页布局类型包括：固定布局、流式布局、响应式布局和弹性布局。‌ 固定布局使用固定像素宽度，适合传统PC端；流式布局通过百分比适配不同屏幕；响应式布局结合媒体查询实现多设备兼容；弹性布局则依赖Flex或Grid技术实现动态排版。

1. 固定布局（Static Layout）

• ‌特点‌：宽度以像素（px）为单位固定，不随屏幕尺寸变化。
• ‌优点‌：设计精准，开发简单。
• ‌缺点‌：小屏幕设备需横向滚动，用户体验较差。

2. 流式布局（Liquid Layout）

• ‌特点‌：宽度使用百分比（%）定义，元素随窗口缩放。
• ‌优点‌：适配不同屏幕，避免横向滚动。
• ‌缺点‌：极端尺寸下可能排版错乱。

3. 响应式布局（Responsive Layout）

• ‌特点‌：通过CSS媒体查询（Media Queries）针对不同设备调整样式。
• ‌优点‌：一套代码兼容手机、平板、PC等多终端。
• ‌缺点‌：开发复杂度高，需充分测试。

4. 弹性布局（Flexible Layout）

• ‌特点‌：基于Flexbox或CSS Grid实现动态伸缩与对齐。
• ‌优点‌：灵活控制元素间距与排序，适合复杂交互页面。
• ‌缺点‌：老旧浏览器兼容性有限。

‌总结‌：选择布局需权衡项目需求与设备覆盖范围，响应式与弹性布局已成为现代网页设计的主流趋势。