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

  • CSS怎么让span标签的轮廓变成圆角
  • jquery如何修改div的class属性
  • 兔展免费Html5场景制作之视频太大怎么办
  • 直接在myeclipse里写代码新建数据库
  • html中下拉列表里面文字如何提行
  • 热门搜索
    什么是强迫症 房产税什么时候开始征收 wow是什么意思 交换机是什么 悄悄地什么 我的理想是什么 address是什么意思 什么茶减肥 什么什么不什么 熠是什么意思