我已经开始在一个全新的网站上工作,并且一直在玩设计,但是我似乎遇到的一个问题是关于定位具有固定滚动的全屏宽度的导航栏。在下面,我创建了一个div
名为“包装器”,它的中心宽度为980px
. 下面是代码示例;
<style>
#navBar {
background: RGB(0, 0, 0);
height: 30px;
position: fixed;
width: 100%;
}
#wrapper {
margin: 0 auto;
width: 980px;
}
</style>
<div id="navBar">
</div>
<div id="wrapper">
<div style="border: 1px solid RGB(0, 0, 0); float: left; height: 500px; margin: 5px; width: 400px;"></div>
</div>
我在“包装器”中创建的框应该(显然不是因为我做错了什么 - 某处)位于5px
下方navBar
,但是因为我已经使用position: fixed
它位于它下方。任何人都可以指导我如何解决这个问题并让包装器直接位于导航栏下方而不是导航栏下方,同时保持其居中?