如果只使用body{
padding-top:70px;
}那么当页面大小改变时仍然会遮挡一部分，内容另外，给nav加margin-bottom:10px;不起作用
认证高级PHP讲师
你都没弄明白 导航条遮挡body内容的原因，就胡乱加样式，肯定是不奏效的
body
按照你的描述，你用了吸顶导航条 ，那么你就需要给 body 元素加 padding-top页面大小改变了 ，你需要用 media query 适配不同尺寸下的padding-top
padding-top
你需要好好看看文档了http://v3.bootcss.com/components/#navbar-static-top
我提个不那么重要的，margin被屏蔽是选择器优先级问题，nav是元素选择器，权重只有1，bootstrap里面随便写的选择器权重都比他高。有两种不推荐的方法:1.给nav加id，用id选择器；2.外边距这么写:margin-bottom:10px !important;
margin-bottom:10px !important;
参考资料：https://developer.mozilla.org/zh-CN/docs/Web/CSS/Specificityhttps://segmentfault.com/a/1190000003064142
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
你都没弄明白 导航条遮挡
body内容的原因，就胡乱加样式，肯定是不奏效的按照你的描述，你用了吸顶导航条 ，那么你就需要给
body元素加padding-top页面大小改变了 ，你需要用 media query 适配不同尺寸下的
padding-top你需要好好看看文档了
http://v3.bootcss.com/components/#navbar-static-top
我提个不那么重要的，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