Question

使用的样板包括normalize.css，如果使用normalize.css，我总是在body元素上有一个间隙。我无法在normalize.css中找到原因，但如果我没有使用它，它就像我预期的那样工作。

这是一张让图片更清晰的图片。左边的白色条表示间隙。左：使用normalize.css 对：只是我的小css

Left: with normalize.css / Right: Just my CSS. 直接链接到演示：http://sebastianwolf.org/

HTML：

<body>
  <div id="container">
  k
  </div>
</body>

CSS：

div#container {margin: 1em;background:silver}
body { background: red;}

请告诉我这是从哪里来的，以及如何避免这种情况？无法在normalize.css中找到导致此问题的代码。

更新：这是另一张图片，显示了div的边距，但上面的间隙是指。 enter image description here

Answer 1

因为在规范化背景中定义了

html {
    background: #fff; /* 1 */
    color: #000; /* 2 */
    font-size: 100%; /* 3 */
    -webkit-text-size-adjust: 100%; /* 4 */
    -ms-text-size-adjust: 100%; /* 4 */
}

使用normalize.css在body元素上的margin-top

1 个答案: