0

我的页面上有一个 jQuery 菜单，它运行良好（感谢在我上一篇文章中帮助我的人），但它从页面顶部浮动了大约 15 像素（根据我的非常基本的计算），而且我如果可能的话，希望它位于最顶端。

编辑：它在 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;
}
4

4 回答 4

2

用这个：-

body{
    margin:0px;
    padding: 0px;
}
于 2013-07-11T13:15:39.113 回答
2 
body {
margin: 0;
padding: 0;
}

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

在此处阅读有关CSS 重置的更多信息。

于 2013-07-11T13:16:21.697 回答
0

我通常使用以下。

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

在我的大部分设计中。通过使用 * 您将样式应用于所有内容。然后，如果您稍后需要一些内置的填充/边距，您可以轻松添加它们。使样式更加可定制。

祝你好运。

于 2013-07-11T13:53:18.020 回答
0

看来您的身体可能设置了边距或填充。

您应该养成使用 a 的习惯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 */
于 2013-07-11T13:16:41.213 回答