代码配置无缺失却无法显示导航栏，寻求问题排查解决方法

问题排查方案 #

• 检查nav标签内容：当前代码中<nav id="main"></nav>内部没有任何内容，color: white仅作用于文字，无内容时自然看不到导航相关元素，可先在nav标签内添加测试文本（如首页 产品 联系我们）验证。
• 补充nav背景色配置：你没有给nav设置背景色，默认是透明状态，会和header的背景完全融合，无法看出导航栏边界，可给nav#main新增background-color: #222属性测试显示效果。
• 验证header背景图加载状态：header的背景依赖./images/bg.png，如果图片路径错误加载失败，header默认无背景色，加上nav透明就会出现全空白的情况，可先给header临时设置background-color: lightblue，排除图片加载问题的影响。
• 确认CSS文件是否正常引入：如果app.css和HTML文件不在同一级目录，或者文件名拼写错误，所有样式都不会生效，header和nav都不会应用指定高度，自然看不到元素，可先把CSS代码写在HTML的<style>标签内测试样式是否生效。

内容的提问来源于stack exchange，提问作者Alex T