导航栏样式 - 位置

默认情况下，「Navbar 导航栏」会占据100%宽度，导航栏的display设置为block。

除非特殊要求，对于刚刚使用WebFlow的用户，不推荐更改display设置。

锁定导航栏在顶部的步骤

很常见的一种情况是把导航栏锁定在顶部。这种设计的好处，是让用户随时都能知道自己所在页面，随时都能切换到其他页面。这是用户体验中很重要的一环：让用户有掌控感。

步骤如下：

1. 双击「navbar」导航栏symbol，进入symbol编辑模式。
2. 选中「Navbar 导航栏」
3. 切换到「Styles 样式」面板
4. 在「Position」中，选择「Fixed」选项
5. 选择「Top」选项，「Navbar 导航栏」就可以占据100%宽度

尝试除了「Top」的其他选项，看看有什么不同？

如果没有双击进入symbol编辑模式，直接选中「Navbar 导航栏」，你在「Styles 样式」面板会看到不一样的内容。

点击「预览」，观看效果。