网站导航的布局非常灵活。

一般情况下，网站导航位于顶部居中或纵向居左的偏多。如果网站导航位于右侧，为了避免干扰，原来在右侧下方出现的友情链接和广告按钮可能就不会在第一屏出现，或者把它们放置在页面左下方。

如果网站导航位于页面底部，则通常在折叠位置以上，即一屏之内能看到。

导航布局的各种方式常常混合使用，比如：全局导航在标志下方居左水平排列，实用性导航位于顶部右侧水平排列，局部导航垂直左侧排列。

1.横向顶部

主导航水平位于页面上方，这就是导航的常见位置。人们常规的阅读习惯是从上到下、从左到右，所以主导航菜单一般都布局在页面顶部，水平排列。对于布局稳定的全局导航，用户的阅读经验使其知道全局导航的常规位置和功能，虽然关注度不高，一旦需要使用时却可以轻松定位。

2.纵向左侧

按照视线流从上到下、从左到右的习惯，也会把全局导航或局部导航设置在页面左侧垂直排列。

3.横向底部

如果导航位于页面下方折叠位置以上：

一种情况是页面内容比较少，一屏就可以全部显示；

另一种情况是内容很多，需要拖动滚动条才能看下面的内容，但拖动滚动条时，导航的位置始终位于底部，并不会随滚动条向上滚动以致消失，即采用了浮动布局法。

4.纵向居中

纵向居中的导航会把整个网页一分为二，信息内容分列左右两侧。用户浏览信息时会受到中间导航条的干扰，思维出现停顿和跳跃。

比较好的处理方法是，纵向居中的导航平常收起状态，光标滑过后展开，单击选择某菜单项后再次收起，空出版面来显示具体内容。

5.随意布局

貌似随意布置的导航菜单，给人自然放松的感觉，但是在细节处理上，网站设计风格应保持一致，文字、颜色、图形、背景、投影灯视觉元素设计应统一。各导航菜单间距小于导航菜单整体与其他内容面积之间的距离，或者导航菜单周围有大面积留白，从整体看，有很明确的信息块的印象。

6.浮动布局

浮动布局的导航菜单，通常使用在设计感强、页面较长的网站上，如果只在第一屏设置主导航菜单，向下滑动时主导航随之滑动，既可以节省空间，又可能让用户在页面中的任何位置随时使用。