为什么HTML正文的空白区域填充了正文的背景颜色？

Question

为什么HTML正文的边缘区域填充了正文的背景颜色，而背景颜色的行为不同于其他元素（例如div）？是在某处指定的吗？下面是一个简单的示例。

body {
  background-color: lightgray;
  padding: 0px;
  margin: 50px;
  border: 25px solid black;
}

div {
  margin: 50px;
  padding: 50px;
  border: 25px solid brown;
  background-color: orange;
  background-position: 50px 50px;
}

<div></div>