用什么方法实现网站布局设计也有不同的方法。 根据页面的实现单位，可以将其分为四种类型:固定布局、可切换的固定布局、柔性布局和混合布局。
1、固定布局:以像素为页面的基本单位，与设备的画面和浏览器的宽度无关，仅设计尺寸
2、可切换固定布局:以相同像素为页面单位，参考主要设备大小，设计几种不同宽度的布局。 通过设置不同的屏幕大小和浏览器宽度来选择较佳宽度布局
3、灵活布局:以百分比作为页面的基本单位，能够适应一定范围内所有尺寸的设备画面和浏览器的宽度，较大限度地利用有效空间来表现较佳效果
4、混合布局:与柔性布局类似，仅混合像素和百分比两个单位作为页面单位，这两个单位能够适应一定范围内所有大小的设备屏幕和浏览器宽度，并且能够完全利用有效空间显示较佳效果。
可切换的固定布局、柔性布局、混合布局是目前可采用的响应布局方式:其中可切换的固定布局的实现成本较低，但扩展性差的弹性布局和混合布局效果具有响应性，是理想的响应布局实现方式
但是，为了对不同种类的页面布局实现web布局设计，需要不必要的实现方法。 通栏、等分构造的适当采用是灵活的布局方式，但在非等分的多列构造爱游戏·AYX常需要混合布局的实现方式。
