首页 >社区问答列表 >body中div设置width和height都是100%,div不显示

body中div设置width和height都是100%,div不显示

<!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和chrome浏览器中测试都是同样的情况,求教是什么问题