Html 把一个酒吧放在窗户的绝对顶端,一路穿过
出于某种原因,我的topnav不是我的浏览器窗口的全宽(它几乎是整个窗口的长度,但不完全是在两端),而且它和浏览器窗口顶部之间还有一点空间 我怎样才能做到这一点呢?这是我的密码:Html 把一个酒吧放在窗户的绝对顶端,一路穿过,html,css,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; paddi
#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>
应删除#topnav->边距和填充,因为它为0。对于#topnav ul,也同样适用
您可以将导航窗格合并到宽度为100%的div中。如果对你有效,请告诉我
--编辑:这应该在FF/Chrome/IE中工作(刚刚测试过)
*{
边际:0px;
填充:0px;
}
#顶置导航
{
背景色:#A9A9;
下页边距:25;
宽度:100%;
排名:0;
}
#托普纳夫
{
列表样式类型:无;
填充顶部:6px;
垫底:6px;
}
#李托普纳夫
{
显示:内联;
}
#topnav a:链接,a:已访问
{
字体大小:粗体;
字体大小:12px;
颜色:#FFFFFF;
背景色:#A9A9;
文本对齐:居中;
填充:6px;
文字装饰:无;
文本转换:大写;
}
#topnav a:悬停,a:激活
{
背景色:#808080;
}
要解决首要问题,请尝试以下方法:
#topnav {
background-color: #A9A9A9;
margin: 0;
margin-bottom: 25;
padding: 0;
position:absolute;
top:0;
}
你能同时给出标记(html)吗?或者更好的是,制作一个jsfiddletry:body,html{margin:0;padding:0}这很有帮助,使条成为我的浏览器窗口的长度,但是顶部的间隙仍然存在。是的,这很有效。然而,现在我的栏要大得多,并向下延伸到页面上的其他元素。
#topnav {
background-color: #A9A9A9;
margin: 0;
margin-bottom: 25;
padding: 0;
position:absolute;
top:0;
}