<!Doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>test</title>
<style>
*{margin:0;padding:0;}
body{background: green;}
#main{width:100%;
height:100%;
background: yellow;
margin-top:50px;
}
</style>
</head>
<body>
<div id="main">
</div>
</body>
</html>헤더 선언 <!Doctype html>을 추가한 후 div가 표시되지 않습니다. 이를 제거한 후에는 정상적으로 표시됩니다. IE11 및 크롬 브라우저에서 테스트할 때에도 동일한 현상이 나타납니다. 무엇이 문제입니까?
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
메인에 테두리를 추가하시면 보실 수 있습니다