recherche

Maison  >  Questions et réponses  >  le corps du texte

javascript - bootstrap中的导航条会遮挡body内容

如果只使用
body{

padding-top:70px;

}
那么当页面大小改变时仍然会遮挡一部分，内容
另外，给nav加margin-bottom:10px;不起作用

PHP中文网PHP中文网2816 Il y a quelques jours565

répondre à tous(2)je répondrai

  • PHP中文网

    PHP中文网2017-04-11 11:01:27

    你都没弄明白 导航条遮挡body内容的原因，就胡乱加样式，肯定是不奏效的

    按照你的描述，你用了吸顶导航条 ，那么你就需要给 body 元素加 padding-top
    页面大小改变了 ，你需要用 media query 适配不同尺寸下的padding-top

    你需要好好看看文档了
    http://v3.bootcss.com/components/#navbar-static-top

    répondre
    0
  • 怪我咯

    怪我咯2017-04-11 11:01:27

    我提个不那么重要的，margin被屏蔽是选择器优先级问题，nav是元素选择器，权重只有1，bootstrap里面随便写的选择器权重都比他高。
    有两种不推荐的方法:
    1.给nav加id，用id选择器；
    2.外边距这么写:margin-bottom:10px !important;

    参考资料：
    https://developer.mozilla.org/zh-CN/docs/Web/CSS/Specificity
    https://segmentfault.com/a/1190000003064142

    répondre
    0
  • Annulerrépondre