먼저 테스트 코드 코드 복사 코드는 다음과 같습니다. < !DOCTYPE HTML PUBLIC "- //W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 관리 시스템 head> <br>alert(document.getElementById("w3124"). getBoundingClientRect().top ); <br></body> <br></html> <br><br><br>다음은 경고 결과입니다<br>IE , FF, Chrome: 208 </div>IE 커널의 Maxthon: 215 <br>IE 커널의 세계: 217 <br>본문에 여백을 추가하면 padding: 0, IE, FF, Chrome, Maxthon은 모두 200인데 TheWorld만 202입니다 <br>그런 다음 HTML 코드 헤더의 DOCTYPE 문을 제거하면 FF, Chrome, Maxthon의 값은 모두 200이 되고, IE는 Quirks 모드로 들어가기 때문에 의 값은 200이 됩니다. 이번에는 202이고 TheWorld는 여전히 202입니다. <br>결론<br>FF, Chrome, Maxthon은 항상 표준 모드(Standards Mode)를 준수합니다. IE도 문만 추가하면 표준 모드(Standards Mode)로 들어갑니다. TheWorld는 항상 Quirks 모드를 고수합니다. <br>제안<br>호환성을 위해 본문에 margin:0;padding:0을 추가하고 DOCTYPE 문 추가에 주의하세요(이와 함께 IE는 상당히 순종적입니다) <br>또 다른: <br>1. 글 전체에 녹색 희망이 가득합니다. 누구나 눈을 편안하게 할 수 있습니다. <br>2. 처음으로 블로그를 올립니다. 마음이 약해서 여러 가지 타격을 받을 수 있습니다. 잘못된 점이 있으면 정중하게 수정하겠습니다. 감사합니다. 🎜>3. 참고자료
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
