网页页面布局有哪些？

1. 响应式布局

响应式布局是指页面可以自适应不同的设备，包括桌面电脑、平板电脑和手机等。在这种布局中，使用了媒体查询和弹性网格等技术，使得页面可以针对每个设备进行优化。

2. 栅格布局

栅格布局是一种网格系统，将页面分为多个列和行，以此来定位和安排元素的位置。通过使用栅格系统，可以实现页面中复杂元素的排版、调整和平衡。

3. 流式布局

流式布局是指页面元素的尺寸随着浏览器窗口大小的变化而变化，保持比例和分布的均匀。这种布局通常是基于百分比来设置页面的布局。

4. 相对布局

相对布局是相对于父容器元素进行定位和布局的技术。元素的位置不依赖于页面内容流或其他元素的位置，而是依赖于父元素的位置和大小，因此可以避免一些排版难题。