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
评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值