布局
常见叫法顶部导航布局
Top navigation layout
把主要导航放在页面顶部，让内容获得完整的横向空间。
也叫横向导航顶栏布局
效果预览 先看，再试一试
Workspace概览 项目 团队
总访问量12,480↗ 12.8%
活跃用户1,286↗ 8.2%
完成任务86↗ 16%
最近项目 状态
官网改版进行中
订单管理系统已完成
数据可视化进行中
演示用于理解模式。具体样式和尺寸可按项目需要调整。
这是什么
把主要导航放在页面顶部，让内容获得完整的横向空间。
本页示例以后台场景说明这一效果。实际需求应同时说清作用对象、触发方式与结束状态。
什么时候用
一级入口较少的工具、文档与轻量管理页面。
容易混淆
导航很多或层级很深时，侧栏通常更易浏览；不要把全部入口挤在一行。
可以这样描述
主要入口放在顶部横向导航中，下方展示当前页面内容。
随上方参数同步生成 · 可加入方案后编辑
参考资料
相关规范与实现参考释义为编辑整理；“常用说法 / 描述性命名”不代表标准规范名称。