网站有什么样的布局设计？

实现网站布局设计也有不同的方法。这里根据页面的实现单元分为固定布局、可切换固定布局、灵活布局、混合布局四种。

1、固定布局：以像素作为页面的基本单位，无论设备屏幕和浏览器宽度如何，只设计一套尺寸；

2、可切换的固定布局：同样以像素为页面单位，参考主流设备的尺寸，设计多套不同宽度的布局。通过设置屏幕尺寸或浏览器宽度来选择最合适的宽度布局；

3、布局灵活：以百分比为页面基本单位，在一定范围内适应各种尺寸的设备屏幕和浏览器宽度，并能完美利用有效空间展现最佳效果；

4、混合布局：类似于弹性布局，可以在一定范围内适应所有尺寸的设备屏幕和浏览器宽度，并且可以完美利用有效空间，展现最佳效果；它只是混合了像素和百分比两种单位作为页面单位。

可切换固定布局、灵活布局、混合布局都是目前可以采用的响应式布局方式：其中可切换固定布局实现成本最低，但可扩展性相对较差；而弹性布局和混合布局的效果都是响应式的，都是理想的响应式布局实现。

只是对于不同类型的页面布局来实现网站布局设计，需要采用不同的实现方法。灵活布局方式适用于横幅和等分结构，而混合布局则常用于非等分多栏结构。