Normalize.css 맨 위 헤더 간격

새 프로젝트를 시작하고 있는데 normalize.css을 사용하고 싶습니다.하지만 약간의 문제가 있습니다. DOM 상단에는 노란색 배경의 갭 (body gap)이 있습니다. 기본 컨테이너는 초록색이며 normalize.css 데모의 html을 정확하게 포함합니다.Normalize.css 맨 위 헤더 간격

당신은 바로 여기 데모를 확인할 수있는 것들 : 당신이 볼 것은 붕괴 마진이 http://goo.gl/hf8cv

출처

2011-09-10 birkof

문제가 노란색 간격 (이 경우 본체 {배경색 : 노란색}을 삭제합니까?)입니까? 또는 기본 HTML을 표시 하시겠습니까? – user500198

이 파일은 iframe에서 사용되며 맨 위에 너무 많은 공간이 있습니다. – birkof

여백이있는 요소가 테두리 나 여백없는 요소 안에 있으면 여백이 상위 요소의 여백과 함께 축소됩니다.

맨 위에 표시되는 h1 요소의 여백입니다. 부모 중 누구도 테두리 또는 패딩이 없으므로 여백이 최 외곽 컨테이너로 완전히 축소됩니다.

출처

2011-09-10 21:06:44 Guffa

팁 주셔서 감사합니다! h1, h2, h3, h4, h5, h6 {margin : 0; padding : 0}이 순간에 문제를 해결합니다. 표제 (h1, h2 ...)의 여백에 영향을주지 않고 이러한 붕괴를 해결할 수있는 다른 방법이 있습니까? – birkof

상위에'overflow : auto'를 추가하면 여백이 줄어들지 않습니다. – Guffa

메인'div' 요소의'overflow : hidden;'은 내용과 완전히 겹칠 것입니다. – lnguyen55

Normalize.css 맨 위 헤더 간격

답변

관련 문제