-1 
 <html>
 <head>
 <link rel="stylesheet" type="text/css" href="stylesheets\sets1.css">
 </head>
 <style type="text/css"> 
body                                                                   /* site bg color    */
     {
     margin: 0; 
     background-color:#b0c4de
     }

 #navbar ul { 
    margin: 0; 
    padding: 5px; 
    cellspacing: 0;
    cellpadding: 0;
    border: 0;
    list-style-type: none; 
    background-color: #8B008B; 
    } 

#navbar ul li {  
    display: inline; 
    } 

#navbar ul li a { 
    text-decoration: none; 
    padding: .2em 1em; 
    color: white; 
    background-color: #8B008B; 
    } 

#navbar ul li a:hover { 
    color: #0EC6D7; 
    background-color: #8B008B; 
    } 

</style> 
</head> 
 <body> 
  <div id="navbar"> 
     <ul> 
     <li><a href="http://"><img src="images/logo.png" alt="Site Logo" height="50" width="68"></img></a></li> 
     <li><a href="#">Forum's</a></li> 
     <li><a href="#">Chat's</a></li> 
     <li><a href="#">Login</a></li> 
     <li><a href="#">Sign up</a></li> 
  </ul> 
</div> 
</body> 
</html>

添加边距：0；到body标签，它就像fb header覆盖整个页面顶部没有空白或无知的破坏或任何类似的东西也是它的跨浏览器所以非常感谢。感谢所有帮助我的用户

4

3 回答 3

3

如果您的意思是“粘性”标题，则使用 position:fixed

#navbar{
    position:fixed;
    top:0;
    left:0;
}

您可能需要定义宽度、z-index 或任何其他特定于您的设计的内容，但这是基本思想。

如果您的意思不是粘性，那么也许威廉的答案是正确的。

于 2013-01-12T00:20:12.760 回答
3

在正文中将边距设置为 0px

 body{
 margin:0px;
 background-color:#b0c4de
 }

这将删除身体周围的任何空白

如果您希望导航栏跨越整个页面的顶部，请尝试将宽度设置为 100%

 #navbar{
 position:relative;
 width:100px;
 height:auto;
 background-color: #8B008B; 
 }

这将在页面顶部制作一个洋红色条。不确定您想要什么高度，所以我将其设置为自动，因此它将根据内容重新调整大小。然后，您可以将徽标图像放在此 div 中。

于 2013-01-12T00:27:47.347 回答
-1

您需要放入margin: 0;body 标签。我建议使用您可以在 google 中找到的重置样式来重置浏览器放置的所有空间。

于 2013-01-12T00:21:38.517 回答