84669 person learning
152542 person learning
20005 person learning
5487 person learning
7821 person learning
359900 person learning
3350 person learning
180660 person learning
48569 person learning
18603 person learning
40936 person learning
1549 person learning
1183 person learning
32909 person learning
如果只使用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
你都没弄明白 导航条遮挡
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