Bootstrap navbar fixed-top 导航栏 遮盖下方元素 解决

resolve

两种解决方式:

  • <body>元素添加样式style="padding-top: 50px;",顶部填充的实际大小可自己调整。
  • div.nav-bar.fixed-top元素添加样式style="position: sticky;",实际是修改该导航栏元素的定位属性position,从原本的fixedsticky

Bootstrap 4.1.0 .fixed-top 类的样式:
在这里插入图片描述

关于HTML元素的定位属性position

  • CSS position属性
  • 五种值:
    • static 静态的(默认值)。
    • absolute 绝对定位。
    • relative 相对定位。
    • fixed 固定定位。
    • sticky 粘性定位。
      另外值可以为inheritinitial
已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页