Doctype 선언을 수정 한 후 내 페이지가

개로 깨졌습니다. 나는이 이상한 문제가있다. 저는 약 3 개의 웹 사이트를 동시에 구축하고 있지만 시간을 절약하기 위해 기본 코드를 복사 + 붙여 넣기했습니다. 내 doctype 선언의 철자가 잘못되었다는 것을 알지 못했습니다. 분명히 잘못 입력 한 <!doctype HMTL>으로 처리했으나 CSS에서 설명한대로 내 페이지가 모두 작동하고있었습니다. 잘못 입력했다는 것을 깨달았을 때 오류를 수정하려고 시도했지만 몇 가지 간격 및 테두리 기능이 제대로 작동하지 않았습니다. 이 특별한 이유가 있습니까? 예를 들어Doctype 선언을 수정 한 후 내 페이지가

0px 여백을 생성하지만 테두리가 있기 때문에 문제가되는 본문을 확장하지 않습니다. doctype 선언의 철자가 틀린 버전으로 돌아 가면 다른 브라우저에 부정적인 영향을 미칠까요?

또한 Adobe EdgeCode를 사용하고 있으며 테스트 환경은 Chrome에 있습니다.

출처

2015-01-24 Jesse Humphry

, 당신의 렌더링은 소위 쿼크 모드 렌더링 될 것입니다. 적절한 doctype을 사용하면 표준을 준수하는 렌더링을 사용할 수 있습니다. 권장되는 방법은 표준 호환 렌더링 * 및 * css 문제를 수정하는 것입니다. 그러나, quirksmode 렌더링을 사용하는 많은 사이트가 있으므로 잘 작동 할 수 있습니다. 아무 것도 망가지지 않도록 조심해야합니다. – eis

제목이 잘못되었습니다. 문서 유형의 철자가 잘못되었으므로 귀하의 페이지가 이미 파손되었습니다. 결과적으로 Chrome은 버크 모드로 전환되었으며이를 기반으로 프로그래밍을 진행했습니다. 철자를 수정하면 표준 모드로 들어가서 평등 한 경기장에서 경기를 할 수 있습니다. –

html에 height:100%을 보내십시오.

백분율은 생성 된 상자를 포함하는 블록의 높이를 기준으로 계산됩니다. 이처럼 MDN - min-height

: 당신이 맞춤법이 틀린 DOCTYPE이있는 경우

html{ 
    height:100%; 
} 
html, body{ 
    min-height:100%; 
    margin:0; 
}

Fiddle

출처

2015-01-24 20:32:48

Doctype 선언을 수정 한 후 내 페이지가

답변

관련 문제