Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 把一个酒吧放在窗户的绝对顶端,一路穿过_Html_Css - Fatal编程技术网

Html 把一个酒吧放在窗户的绝对顶端,一路穿过

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不是我的浏览器窗口的全宽(它几乎是整个窗口的长度,但不完全是在两端),而且它和浏览器窗口顶部之间还有一点空间

我怎样才能做到这一点呢?这是我的密码:

#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;
      }