有前端高手吗，看看下面这个为什么会出现滚动条？

问题如下： body里面有个div，html和body高度都是100%，margin和padding都是0，内部div设置了一个margin-top，body就出现了滚动条，我想问一下为什么？代码如下：

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<style type="text/css">
		html,body{
			height: 100%;
			margin:0;
			padding:0;
		}
		.test{
			height:400px;
			margin:40px;
			background:#0f0;
		}
	</style>
</head>
<body>
	<div class="test"></div>
</body>
</html>

musishui 1楼•8 年前作者

@thesadboy 谢谢！受教了。