在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/