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、这样子,就不会遮住了,当然,具体边框要移动多少,需要自己来调整。 好了,以上就是我自己实践后做的总结了,学编程的可以关注我,我会定时分享自己的所学所悟,如果文章对你有帮助的话,记得给我点赞投票,谢谢了