当html标记没有背景颜色设置时，为什么正文背景图像不包含在正文中？

Google使用边距和填充将正文标记内的内容居中，如下所示：

body {
    margin: 7% auto 0;
    max-width: 390px;
    min-height: 180px;
    padding: 30px 0 15px;
}

html {
    background: #fff;
    color: #222;
    padding: 15px;
}

然后将破损机器人的图像设置为body标签上的背景图像，并定位到右上角，使其正好显示在主要内容的右侧

* > body {
    background: url(//www.google.com/images/errors/robot.png) 100% 5px no-repeat;
    padding-right: 205px;
}

html样式如下所示：

body {
    margin: 7% auto 0;
    max-width: 390px;
    min-height: 180px;
    padding: 30px 0 15px;
}

html {
    background: #fff;
    color: #222;
    padding: 15px;
}

删除html标记的背景色时，为什么图像会出现在页面的右上角？

html {
    //background: #fff;
    color: #222;
    padding: 15px;
}

技术原因是“因为公司这么说”：

但是，对于HTML文档，我们建议作者指定BODY元素而不是HTML元素的背景。对于根元素为HTML“HTML”元素或XHTML“HTML”元素且计算值为“背景色”的“透明”和“背景图像”的“无”的文档，用户代理必须使用该元素的第一个HTML“正文”元素或XHTML“正文”中背景属性的计算值为画布绘制背景时，元素子元素，并且不得为该子元素绘制背景。如果只为根元素绘制这些背景，则这些背景也必须锚定在相同的点上

这可能是因为在糟糕的过去，页面的背景是由body元素上的

bgcolor

和

background

属性决定的，因此CSS与现有实践“兼容”