bootstrap使用置顶导航栏如何处理内容不被遮挡

2024-10-12 23:39:07

1、先来看看上面遮挡情况的样子,如下图:

bootstrap使用置顶导航栏如何处理内容不被遮挡

3、看出来了吧。你想想,现在的body在最上面,然后我们的导航栏也在上面,这样肯定会遮挡住的,所以解决的方案可以是body中的颊俄岿髭div或者别的距离body这个边界有个距离就好或者是把body这个框框往下移动一些,我是用后者的,代码也很简单:body{margin-top:70px;border:1px solid yellow}

bootstrap使用置顶导航栏如何处理内容不被遮挡

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

猜你喜欢