布局有很多种，常见的主要包括以下几种1 网格布局 网格布局是一种基础的布局方式，它将页面分割成若干网格，内容以网格为单位进行排列这种布局方式能够使页面整洁有序，方便用户浏览在网页设计和书籍排版中，网格布局经常被使用2 流式布局 流式布局是一种根据页面宽度自动调整元素尺寸的布局方式。

6“口”型布局 这是一个形象的说法，指页面上下各有一个广告条，左边是主菜单，右边是友情链接等，中间是主要内容这种布局的优点是页面充实内容丰富信息量大，是综合性网站常用的版式，特别之处是顶部中央的一排小图标起到了活跃气氛的作用缺点是页面拥挤，不够灵活也有将四边空出，只用中。

口型布局的优点是充分利用版面，信息量大其缺点是页面拥挤，不够灵活3POP布局POP引自广告术语，是指页面布局象一张宣传海报，以一张精美图像作为页面的设计中心，在适当位置放置主菜单这种布局不讲究上下左右对称，但要平衡和有韵律，能达到强调动感高注目性的效果，常用于时尚类网站其优点是。

左右框架型布局，采用左右分页结构，清晰明了左侧常为导航链接，上方有小标题或标志，右侧为正文内容上下框架型布局，同样采用分页结构，上方为导航链接，下方为正文信息封面型布局，常见于网站首页设计，尤其是企业网站和个人主页主要由精美平面设计小动画和几个简单的链接组成，也可在首页图片上。

7 quot三quot型布局这种布局在国外网站中较为常见，特点是有两条横向色块将页面分割成四部分，色块中通常放置广告条8 对称对比布局布局采取左右或上下对称的方式，一半深色一半浅色，常用于设计型网站视觉冲击力强，但难以将两部分有机结合9 POP布局灵感来自广告宣传海报，以精美图片作为页面设。