页面顶部的CSS菜单

我要开始在我的课程的小型网站上工作，我正在尝试执行一个菜单，该菜单将位于页面的顶部。页面顶部的CSS菜单

这是我有：

<style> 
#menu 
{ 
    background:#CCC; 
    width:100%; 
    height:40px; 
    position:absolute; 
    margin:0; 
    z-index: 100; 
} 
</style> 
<div id="menu"> 

</div>

但出于某种原因这个div是不是有顶部和DIV（菜单）之间的小空间的顶部;另外，左侧有一个小空间，我该如何解决这个问题？

来源

2014-07-23 Ricardo

这是因为有保证金/填充你找CSS复位片或正常化更多信息 – Pinoniq

添加像这样到你的CSS文件或<style>标签的顶部：

* { 
    margin: 0; 
    padding: 0; 
}

然后，您可以设置填充和利润率以后。

来源

2014-07-23 16:37:09 carloabelli

谢谢你，现在它的做工精细 – Ricardo

添加该代码，以消除上边距

body{ 
    margin: 0; 
    padding: 0; 
}

来源

2014-07-23 16:38:34 urnotsam

他没有他的代码包在身体标记=） –

CSS

body,div{ 
     margin:0px; 
     padding:0px; 
}

来源

2014-07-23 16:38:38 user2320601

看看这个jsFiddle

您需要

position: fixed; 
top: 0;

添加到＃菜单

来源

2014-07-23 16:39:27 Bijan

如果您需要的菜单被安置在页面的顶部，这是你需要什么

#menu 
{ 
    position: absolute; 
    top : 0px; 
}

你在你的代码所做的位置是绝对的，但你无缘属性

来源

2014-07-23 16:40:13 Khalid

这应该修复它...

body { 
    margin:0; 
}

如果你想在导航菜单留在上面滚动时然后用这个...

#menu { 
    position:fixed; 
    top:0; 
}

来源

2014-07-23 16:43:09

页面顶部的CSS菜单

回答

相关问题