html - 使栏位于窗口的绝对顶部,一直穿过

标签 html css

出于某种原因,我的 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/

相关文章:

Javascript/Html..按钮进入当前选项卡而不是新选项卡

javascript - 输入 [type ="date"] 处于焦点时如何显示日历弹出窗口

html - 怎么用CSS做从左右网页过渡的滑入?

html - 关于 CSS 选择器语法的问题

html - CSS 菜单栏边框

html - 填充自由高度的表格单元格元素

jquery - 获取图像的原始宽度和高度

html - Firefox 中图像的宽度与插入的图像宽度不同

javascript - 实时进度条

css - 将鼠标悬停在通过 CSS 更改背景和文本的图片上