1、先来看看上面遮挡情况的样子，如下图：
2、可以从图中很清楚的看到一半的图片被遮住了，那么我们先来看看此时的body所处的位置，怎么看呢？在<style type="text/css"></style>中加入下面的代码，可以显示出body的位置大小：
body{border:3px solid yellow}
结果如图： 上面的3px是指边界多粗而已
3、看出来了吧。你想想，现在的body在最上面，然后我们的导航栏也在上面，这样肯定会遮挡住的，所以解决的方案可以是body中的div或者别的距离body这个边界有个距离就好或者是把body这个框框往下移动一些，我是用后者的，代码也很简单： body{margin-top:70px;border:1px solid yellow}
4、很简单吧，这时我们在把导航栏加上，如下：
5、这样子，就不会遮住了，当然，具体边框要移动多少，需要自己来调整。
好了，以上就是我自己实践后做的总结了，学编程的可以关注我，我会定时分享自己的所学所悟，如果文章对你有帮助的话，记得给我点赞投票，谢谢了
