应关闭导航栏默认悬浮设置或手动调整定位方式。进入项目设置→页面布局→导航栏行为，改为滚动隐藏；或通过自定义CSS将.nav-bar设为relative定位；亦可重构DOM顺序，将导航组件置于根容器内内容区之前。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
在码上飞AI平台生成应用时，导航栏自动悬浮或固定定位常会遮挡页面主体内容，尤其在移动端预览或小屏设备中导致按钮、表单、文字区域被截断，用户无法点击或阅读关键信息。
检查并关闭默认导航悬浮设置
进入「项目设置」→「页面布局」→ 找到「导航栏行为」选项，将「始终显示在顶部」切换为「滚动隐藏」或「仅首页显示」。该设置直接影响生成页面的CSS定位逻辑，若保持默认悬浮，后续所有页面都会继承fixed定位，强行压在内容层上方。
这一步必须在首次生成前完成。一旦应用已生成并进入预览，再修改此处不会自动重绘已渲染的DOM结构，需重新触发“重新生成页面”操作才生效。
手动注入自定义CSS覆盖导航样式
方法一：在「高级设置」→「自定义HTML/CSS」→「全局样式」中粘贴以下代码：
【.nav-bar { position: relative !important; top: 0 !important; z-index: 1; }】
此写法强制将导航栏脱离文档流束缚，避免遮盖下方元素；但需注意，若页面含下拉菜单或弹窗组件，z-index过低可能导致交互失效。
方法二：针对具体页面，在「页面编辑器」中选中导航容器 → 右侧样式面板 → 展开「定位」→ 将「定位类型」由“固定”改为“静态”或“相对”。该方式粒度更细，不影响其他页面，适合仅个别页面存在遮挡问题的场景。
重构导航嵌入位置与层级关系
第一步：在「页面结构」视图中，确认导航组件是否被错误地拖入了「主内容区」容器内部。
第二步：将其剪切 → 切换至「布局模板」→ 找到最外层的「根容器」（通常标记为App或Page）→ 在其子级中，将导航组件置于「内容区」组件之前，确保DOM顺序为：导航 → 内容区 → 底部栏。
第三步：保存后点击「刷新预览」，此时浏览器渲染会按HTML自然流重新计算层叠上下文，导航不再覆盖内容区。
若此前已导出源码并在本地调试，需同步修改public/index.html中nav元素的父容器class名，否则线上部署仍沿用旧结构。
