如何让我的jQuery菜单位于页面的非常（非常）顶部？

Question

我的页面上有一个jQuery菜单，它工作得很好（感谢那些在我上一篇文章中帮助过我的人），但它从页面顶部漂浮了大约15px（通过我非常基本的计算）如果可能的话，我希望它能坐在最顶端。

编辑：它在chrome和firefox中浮动10px

这里有一些关于正在发生什么的截图

这是菜单栏的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;
}

Answer 1

使用： -

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

Answer 2

body {
margin: 0;
padding: 0;
}

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

详细了解CSS Resetting here.

Answer 3

看起来你的身体可能有一个边缘或填充设置。

你应该养成使用CSS Reset的习惯（它会在浏览器中重置所有样式以保持一致[尽可能]）

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

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

或者，你可以添加css：

body{margin:0; padding:0} /* At the very top of your CSS sheet */

Answer 4

我通常使用以下内容。

* { padding:0px;margin:0px;outline:0px }

在我的大部分设计中。通过使用*，你将风格应用到一切。然后，如果您稍后需要一些内置填充/边距，则可以轻松添加它们。使样式事物更具可定制性。

古德勒克。