（一）左右布局
左右布局是一种比较普遍的网页设计布局，其核心思想就是由两侧主体组成，左侧用于导航和其它部分的引导，右侧用于网页的主体部分，形成左右两侧辅助型布局。由于导航、主体内容等布局信息清晰可见，使操作用户拥有更方便地网站浏览体验，它已成为网页设计布局中最常用的一种。
（二）上下布局
上下布局也是比较常用的一种网页设计布局，它的核心思想是将网页的某一部分内容放置在页面的上方，将另一部分内容放置在页面的下方，它的优点在于视觉上比较简洁，并且容易提取重要的内容，强调重点信息，使用户易于浏览网站内容。
（三）“L”形布局
“L”形布局是一种比较普遍的布局，它由两个主部分组成，上面部分用于导航和一些非主体内容，下面部分为网页的主体部分。它比较简洁，导航清晰，且容易把浏览者引向主要内容，优点是能让浏览者专注于内容而非简单的跳转，在不同终端上展现也十分出色。
（四）单栏布局
单栏布局是较为简单的一种网页设计布局，网页之间仅包含一个主要内容的横向部分，其最大的优点在于简单、清爽、极简，用户可以快速定位、浏览、理解主要的内容，容易维护和更新，学习成本较低，很棒适用于运行网站的行为设计模式，尤其是在微信小程序、APP、手机端等微型网站中有十分不错的应用效果。
（五）网格布局
网格布局也是一种比较常用的网页设计布局，它是将页面分割成表格状的布局结构，把元素放入表格单元中进行排列，网格表面被划分成几个单元部分，并通过良好的视觉架构和显示样式来显示网页内容，在展示专业文档、介绍精细商品以及新闻报告等电子文档中占据着重要的地位。网格布局和网格式设计更擅长真实地提供信息，是包含极大视觉价值、平衡良好感官体验以及出色效果的最适合的布局手段。
（六）流水布局
流水布局又叫做模块布局，它的核心思想是将每个模块连接起来，流到网页的底部，每个模块都有自己的功能，浏览者可以从上到下一次性浏览每个模块的内容，可以有效地吸引浏览者的注意力。此外，以模块形式生成网页，可以促进访问者的阅读和浏览，可以更加有效地展示网站细节，也能够更灵活地实现各种响应式布局。
(一) 水平排列布局
水平排列布局是一种最常见的网页布局形式，也叫“水平布局”，它是将网页的布局元素按横向放置的方法。该类型的网页布局可以使布局内容显得简洁大方，更易于让网页访客理解，很容易把握网站主要信息，从而增加网页的可读性及访客体验。这类布局中，中间放入网页内容，两边分别用导航栏及页脚等元素；顶部放置标题、logo及导航栏等;底部一般放置页脚内容。
(二) 垂直排列布局
垂直排列布局是指将网页的布局元素按纵向放置的方式进行布局，简称为“垂直布局”。将网站的主要内容垂直排列，使主要内容更加明显，更便于表达网站的想法及信息，在浏览上也更便于让用户快速浏览网页内容。该类型的网页布局通常在左侧放置导航栏或者其他功能模块，右侧放置网页具体内容；主页面一般被归类成多份子页，并放入不同模块中进行表达；除内容外，也可以在顶部及底部加入导航栏及页脚等元素。
(三) 圣杯布局
圣杯布局是一种新兴的网页布局形式，它是将上、中、下三个宽度比例相等的板块嵌套在一起而形成，也称为三列布局。它将网页布局从横向演变为了竖向布局，可以使内容更清晰流畅，便于用户浏览，并且在左中右三个位置可以设置不同的功能模块，比如导航栏，搜索栏等。它使网页显得更结构化合理，更容易把握网站信息，也便于让访客快速找到所需信息，从而提高网站的可用性及用户体验。
(四) 弹性布局
弹性布局，又称“basedin”布局，是指将页面内容根据视口的宽度而变换它的宽度进行布局，也就是在不同的窗口宽度变化中，内容中每个元素的宽度都能得到一定比例的调整，从而使网页内容显得更好看且各个页面元素上不出现舍不得的现象。弹性布局是为了解决窗口宽度不同，使用不同浏览器时网页布局元素对齐出现问题而设计出来的，它可以使页面内容不管在何种窗口宽度仍然保持一致，从而让访客快速理解网站信息，同时也能更好的保证网站的美观度及可用性。
(五) 绝对定位布局
