页面内容为什么被导航条覆盖了内容：导航条被覆盖页面内容的原因可能是由于CSS样式或者布局的问题导致。可以尝试以下解决方法：

1. 确保页面的导航条和内容都被包裹在相应的容器内，并且容器的样式设置正确。

2. 检查导航条和内容的CSS样式，特别是定位属性（position），确保它们没有冲突。

3. 检查导航条和内容的层级关系（z-index），确保内容的层级高于导航条，这样内容才能显示在导航条之上。

4. 如果导航条是固定定位（fixed），可以尝试给页面内容添加一个与导航条高度相等的上边距（margin-top），以避免被导航条覆盖。

如果以上方法都没有解决问题，可以提供更多的代码或者提供一个可复现的示例，以便更好地帮助你解决问题。