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