html - 使条形图始终位于窗口的绝对顶部

出于某种原因，我的topnav并不是我的浏览器窗口的整个宽度（它几乎是窗口的整个长度，但两端不是全部），并且它和浏览器顶部之间还有一些空间窗口。

我该怎么做，不是这种情况？这是我的代码：

#topnav
{
background-color: #A9A9A9;
margin: 0;
margin-bottom: 25;
padding: 0;
}

#topnav ul
{
list-style-type:none;
margin:0;
padding:0;
padding-top:6px;
padding-bottom:6px;
}
#topnav li
{
display:inline;
}
#topnav a:link,a:visited
{
font-weight:bold;
font-size: 12px;
color:#FFFFFF;
background-color:#A9A9A9;
text-align:center;
padding:6px;
text-decoration:none;
text-transform:uppercase;
}
#topnav a:hover,a:active
{
background-color:#808080;
}

这是HTML：

<div id="topnav">
<ul>
<li><a href="index.psp" id="index">Index</a></li>
<li<a href="inventory.psp">Inventory</a></li>
<li><a href="/checkup/checkup.psp">Check-Up</a></li>
</ul>
</div>

编辑：现在，该栏扩展到整个浏览器，但是顶部仍然有一个缝隙。

此外，该差距仅在Firefox中存在-在Chrome中不会显示。我的整个事情在IE中混乱了。

最佳答案

最重要的问题，请尝试以下操作：

#topnav {
background-color: #A9A9A9;
margin: 0;
margin-bottom: 25;
padding: 0;

position:absolute;
top:0;
}

关于html - 使条形图始终位于窗口的绝对顶部，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/8172472/