css - 为什么我不能摆脱我的 div 上方的这个空白？

Question

我不知道为什么我的 div 上方有大约 20 px 的空白。我正在尝试在页面顶部创建一个水平菜单。这是代码JSFiddle，但此处未显示空白。不要嘲笑我，但是我仍在使用 Frontpage，它也没有出现在那里。它只显示在浏览器中——Chrome、FF 和 IE9。

我已经尝试了所有我能想到的方法，包括确保边距全部设置为 0：

html, body {
padding:0;
margin:0;
}

但是没有什么能摆脱那个空白！

Answer 1

只需将以下内容添加到您的样式表中：

ul {
  margin: 0;
  padding: 0;
}

或在您的 html、正文声明中添加 ul

html, body, ul {
  padding:0;
  margin:0;
}