normalize.css가있는 body 요소의 margin-top

normalize.css를 포함하여 사용 된 상용구이며 normalize.css를 사용하는 경우 body 요소 위에 항상 간격이 있습니다. 내가 normalize.css에서 이유를 찾을 수 없지만 내가 그것을 사용하지 않는 경우 내가 예상대로 작동합니다.normalize.css가있는 body 요소의 margin-top

다음은 이미지를보다 명확하게 보여줍니다. 왼쪽의 흰색 막대는 틈을 의미합니다. 왼쪽 : normalize.css 오른쪽으로 : 그냥 내 작은 CSS를

Left: with normalize.css/Right: Just my CSS. 은 DirectLink는 데모하기 : 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

출처

2013-06-18 sewo

그것의 정상화 배경에

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

출처

2013-06-18 17:25:14 ccd580ac6753941c6f84fe2e19f229

정의 이것은 문제가되지 않습니다 때문이다. 아무데도 정의하거나 볼 수있는 여백이 있습니다. 더 선명하게 그림을 추가했습니다. – sewo

@sewo div에는 캐리지 리턴 기호가 포함되어 있습니다. – ccd580ac6753941c6f84fe2e19f229

normalize.css가있는 body 요소의 margin-top

답변

관련 문제