Javascript 如何使jQuery菜单位于页面的最顶端?

Javascript 如何使jQuery菜单位于页面的最顶端?,javascript,jquery,html,css,jquery-ui,Javascript,Jquery,Html,Css,Jquery Ui,我的页面上有一个jQuery菜单,它工作得很好(感谢在我上一篇文章中帮助我的人),但它从页面顶部浮动大约15px(根据我最基本的计算),如果可能的话,我希望它位于最顶部 编辑:它在chrome和firefox中向下浮动10像素 这里有几张截图说明了发生了什么 这是我的菜单栏css,您可以看到发生了什么: #menu{ height:30px; width: 100%; } #menu > li{ float:left; } #menu > li >

我的页面上有一个jQuery菜单,它工作得很好(感谢在我上一篇文章中帮助我的人),但它从页面顶部浮动大约15px(根据我最基本的计算),如果可能的话,我希望它位于最顶部

编辑:它在chrome和firefox中向下浮动10像素

这里有几张截图说明了发生了什么

这是我的菜单栏css,您可以看到发生了什么:

#menu{
    height:30px;
    width: 100%;
}

#menu > li{
    float:left;
}

#menu > li > ul > li{
position:relative;
width:auto;
}

#file-menu{
width:75px;
}

#applications-menu{
width:160px;
}
使用以下命令:-

body{
    margin:0px;
    padding: 0px;
}
使用以下命令:-

body{
    margin:0px;
    padding: 0px;
}
这将删除浏览器使用默认选项添加的填充或边距

阅读更多关于

这将删除浏览器使用默认选项添加的填充或边距


阅读更多关于

你的身体似乎设置了边距或填充物

你应该养成一种习惯,使用
CSS Reset
(这会在浏览器间重置所有样式,使其保持一致)

在所有其他CSS样式表之前包含此文件,它应该可以解决您的问题

<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.10.3/build/cssreset/cssreset-min.css">

看起来你的身体可能有一个空白或填充设置

你应该养成一种习惯,使用
CSS Reset
(这会在浏览器间重置所有样式,使其保持一致)

在所有其他CSS样式表之前包含此文件,它应该可以解决您的问题

<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.10.3/build/cssreset/cssreset-min.css">

我通常使用以下方法

* { padding:0px;margin:0px;outline:0px }
在我的大多数设计中。通过使用*可以将样式应用于所有内容。然后,如果您以后需要一些内置的填充/边距,您可以轻松地添加它们。使样式设计更加可定制


祝你好运。

我通常使用以下方法

* { padding:0px;margin:0px;outline:0px }
在我的大多数设计中。通过使用*可以将样式应用于所有内容。然后,如果您以后需要一些内置的填充/边距,您可以轻松地添加它们。使样式设计更加可定制


祝你好运。

哇!我下载了一个,这确实奏效了。谢谢哇!我下载了一个,这确实奏效了。谢谢哇,我以前从没听说过这些。我发誓,在过去的两天里,我学到了更多关于网页设计的知识。非常感谢!当我被允许接受答案时,我会接受这个。你可能还想结帐(这是一个基本的裸体HTML&CSS项目,已经完全重置,准备好让你(在HTML5中)编码了!)我昨天第一次看到了样板。真是太神奇了。我肯定会在我的个人项目中使用它。请记住,使用CSS重置会影响性能。要下载更多的数据,要为浏览器解析和覆盖更多的CSS,还要为添加默认样式做更多的工作。哇,我以前从未听说过这些。我发誓,在过去的两天里,我学到了更多关于网页设计的知识。非常感谢!当我被允许接受答案时,我会接受这个。你可能还想结帐(这是一个基本的裸体HTML&CSS项目,已经完全重置,准备好让你(在HTML5中)编码了!)我昨天第一次看到了样板。真是太神奇了。我肯定会在我的个人项目中使用它。请记住,使用CSS重置会影响性能。要下载的数据更多,浏览器要解析和覆盖的CSS更多,要添加回默认样式的工作也更多。为什么他想要负值?为什么他想要负值?