Javascript 页面顶部的CSS菜单

我将开始为我的班级制作一个小网站，我正在尝试制作一个位于页面顶部的菜单

这就是我所拥有的：

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

</div>

#菜单
{
背景：#CCC；
宽度：100%；
高度：40px；
位置：绝对位置；
保证金：0；
z指数：100；
}

---

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

在CSS文件或标签的顶部添加类似的内容：

* {
  margin: 0;
  padding: 0;
}

---

随后，您可以设置填充和边距。

在CSS文件或标签顶部添加类似的内容：

* {
  margin: 0;
  padding: 0;
}

---

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

添加此代码以消除顶部边距

body{
   margin: 0;
   padding: 0;
}

---

添加此代码以消除上边距

body{
   margin: 0;
   padding: 0;
}

css

css

看看这个

您需要添加

position: fixed;
top: 0;

要#菜单

请看一下

您需要添加

position: fixed;
top: 0;

---

要#menu

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

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

---

您在代码中设置了绝对位置，但缺少了top属性

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

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

您在代码中设置了绝对位置，但没有设置top属性，这应该可以修复它

body {
  margin:0;
}

---

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

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

这应该可以解决它

body {
  margin:0;
}

---

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

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

---

这是因为您在查找css重置工作表或“规格化”以获取更多信息时有边距/填充。这是因为您在查找css重置工作表或“规格化”以获取更多信息时有边距/填充