HTML导航栏遮住了下面的图片怎么解决

你要导航和页面容器分隔开，因为导航固定在上面了，下面的容器应该设置一个上方的margin-top，也就是上方边距，高度为导航的高度就好了，这样可以保证内容容器是在导航容器下方没有重叠，内容也就不会出现在导航底部。

你可以把它设置成非浮动的。取消position:fixed;