2013-06-18 49 views
1

使用的樣板包括normalize.css,如果使用normalize.css,我總是在body元素上留下空隙。我在normalize.css中找不到原因,但是如果我沒有使用它,它的工作方式與我預期的相似。body-element上的margin-top與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

回答

0

其因在正常化的背景定義

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

這不是問題。有一個我沒有定義或可以看到的邊際。添加圖片以使其更清晰。 – sewo

+0

@sewo您的div包含帶有k的回車符號 – ccd580ac6753941c6f84fe2e19f229