css - 为什么我不能去掉 div 上方的空白区域？

Question

我不明白为什么我的 div 上方有大约 20 像素的空白区域。我正在尝试在页面顶部创建一个水平菜单。这是代码 JSFiddle但这里没有出现空白。不要 mock 我，但是是的，我仍在使用 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;
}