在 div 之前添加边距（视觉上）

Question

JSFiddle：http://jsfiddle.net/7KxtZ/

我有以下 CSS，但我不知道为什么我的边距看起来像被添加到 div 中。我知道它被添加到h1，但看起来它是 div 为什么浏览器会这样做？在 JSFiddle 中，您可以看到 div 上方的灰色空间。如何在不创建边距的情况下将其删除，因为 ul 和其他具有上边距的元素也会发生同样的事情？

*{
    box-sizing: border-box;
    outline: none;
    resize: none;
}

html, body{
    height: 100%;
    padding: 0;
    margin: 0;
}

body{
    font-family: HelveticaNeue, Helvetica, Arial, sans-serif;
    font-size: 13px;
    background-color: #e8ebef;
}

.wrapper{
    background-color: #ffffff;
    min-height: 100%;
    height: 100%;
}

#body{
    height: auto !important;
}

Answer 1

移动

padding: 0;
margin: 0;

从html, body 到*

* {
    padding: 0;
    margin: 0;
}

http://jsfiddle.net/7KxtZ/1/