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