更新时间:2022-10-19 12:15:44
先上一张图:
浏览器打开审查元素,这个p
的位置如图,由于你头部的header
加了.navbar-fixed-top
CSS 类,而这个类带有position: fixed
属性,所以你的p
元素被上面一个header
元素盖住了。
解决方法是,给下部main
部分加上一个上边距,等于头部header
的高度,这样就可以把头部header
的位置空出来了,也就不会被头部header
挡住p
元素了。
<style type="text/css">
main header {
background:#aaa;
color: #fff;
margin-top: 51px;
}
</style>
效果: