如果body是空的，为什么html页面变宽了？

Question

MRE:

1. 打开任何网站（Github 和 Stackoverflow 都适合）
2. Open dev tools（在 Chrome 上是 Inspect）
3. 将鼠标悬停在 body 元素上以查看页面宽度（在我的例子中 = 827）
4. 删除body
里面的所有内容
5. 再次将鼠标悬停在 body 元素上以查看页面宽度（在我的例子中 = 842）

我在开发我的网站时发现了这个错误，我注意到当你的页面不能向上或向下滚动时，宽度会像第二个例子中的那样（更宽），但是如果你添加足够的内容，宽度会变成像第一个例子一样窄。

在网上看到很多类似的问题，但是没人能回答为什么会这样（或者我累了）

题目中的问题