【问题标题】:margin-top on body element with normalize.css带有 normalize.css 的 body 元素上的 margin-top
【发布时间】:2013-06-18 17:15:12
【问题描述】:

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

为了更清楚,这里有一张图片。左侧的白条表示间隙。 左:使用 normalize.css 对:只是我的小 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 的边距,但上面的间隙是指的。

【问题讨论】:

    标签: html css boilerplate


    【解决方案1】:

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

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

    【讨论】:

    • 这不是问题。有一个我没有定义或看不到的边距。添加图片以使其更清晰。
    • @sewo 你的 div 包含带 k 的回车符
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-02-01
    • 1970-01-01
    • 2013-03-01
    • 2012-07-26
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多