一般浏览器都给body加了外边距，margin:0应该能解决你所遇到的问题。但你很可能又会遇到其他奇怪的现象，比如说p的行高，在不同浏览器上显示不一致，最根本的解决方案还是重置浏览器默认样式。
可以使用目前兼容性较好的 necolas/normalize.css · GitHub
可以使用目前兼容性较好的 necolas/normalize.css · GitHub
作者：子丶言
链接：https://www.zhihu.com/question/36208082/answer/66823204
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>div</title>
<style>
body{
margin:0;
}
#div_1{
margin:0 auto;
padding:0;
background:orange;
100%;
height:300px;
<!-- overflow:hidden; -->
}
</style>
</head>
<body>
<div id="div_1" > 这是一个div </div>
</body>
</html>