CSS菜单的页面顶部

CSS menu top of the page

本文关键字：顶部 菜单 CSS      更新时间：2023-09-26

我要开始为我的类一个小网站工作，我正试图做一个菜单，将定位在页面的顶部。

这是我的:

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

但是由于某些原因，这个div不在顶部，顶部和div(menu)之间有一个小空间;另外，在左边有一个小空间，我该如何解决这个问题?

在你的CSS文件或<style>标签的顶部添加如下内容:

* {
  margin: 0;
  padding: 0;
}

这应该可以修复它…

body {
  margin:0;
}

如果你想让导航菜单在滚动时保持在顶部，那么使用这个…

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

添加以下代码以消除上边距

body{
   margin: 0;
   padding: 0;
}

css

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

看看这个jsFiddle

你需要添加

position: fixed;
top: 0;

#菜单

如果你想让你的菜单位于页面的顶部，这就是你需要的

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

您在代码中设置了绝对位置，但是您遗漏了top属性

相关文章：