Question

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

这就是我所拥有的：

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

</div>

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

Answer 1

将这样的内容添加到CSS文件的顶部或<style>标记：

* {
  margin: 0;
  padding: 0;
}

然后您可以稍后设置填充和边距。

Answer 2

这应该解决它......

body {
  margin:0;
}

如果您希望导航菜单在滚动时保持在顶部，请使用此...

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

Answer 3

添加此代码以消除上边距

body{
   margin: 0;
   padding: 0;
}

Answer 4

CSS

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

Answer 5

看看这个jsFiddle

您需要添加

position: fixed;
top: 0;

到#menu

Answer 6

如果您需要将菜单放在页面顶部，这就是您需要的

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

您在代码中创建了绝对位置，但您错过了顶级属性

CSS菜单页面顶部

6 个答案: