div元素右边的多余空间

Question

我有三个由div元素制成的盒子放在父div元素中。即使我没有向div元素添加任何margin-right，在div元素的右边似乎还是有一些多余的空间。我猜是因为用户代理样式表的缘故，但这也设置为0px。

我尝试设置右边距：-2px;但这似乎不是一个好的解决方案。该值是一个随机值。我尝试重置CSS。

atDay(1)

* {
  margin: 0px;
  padding: 0px;
}

div.boxes {
  width: 100%;
}

div.box {
  width: 200px;
  height: 200px;
  background-color: yellow;
  display: inline-block;
  margin: 0 0 0 50px; 
}

预期结果是两个框之间的间隙仅为50px。

实际结果显示，除50像素外，还有额外的间隙。