Question

<style type='text/css'>
body {
width:100%;
background:#097054;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
#con {
margin-right:auto;
margin-left:auto;
width:80%;
}
#navbar {
background-color:#00F;
}


</style>
</head>

<body>
<div id='navbar'>
<div id='con'>
Hey
</div>
</div>
</body>

无论我尝试什么，div导航栏都不会粘在页面顶部。当我尝试固定或绝对定位时，它无法覆盖左侧的一小部分。要么就是这样，要么它根本不会粘在窗户的顶部。

Answer 1

#navbar {
   background-color:#00F;
   position:fixed;
   top:0;
   left:0;
   width:100%;
}

使用固定位置时也给它一个宽度。我给它宽度100％所以它是屏幕的全宽。

好的，如果你将位置改为绝对，它也可以。

如果要将位置更改为相对位置，还需要添加此css

*{
   margin:0;
   padding:0;
}

这会清除元素上的预设样式。通常浏览器会这样做。

将顶部div粘贴到浏览器选项卡的顶部

1 个答案: