为什么我不能摆脱我的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，body声明

添加ul

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