我正在使用一些基本的html和css，但我被一件事弄糊涂了：根据许多资源，html元素是根元素，但是我可以像其他任何元素一样更改其样式值。根据这个https://www.w3schools.com/cssref/css_units.asp％相对长度是相对于父元素的相对长度，但是当我将html的width属性设置为50％时，它似乎不起作用，因为整个背景仍然是蓝色，那么它就起作用了，因为孩子的身体在设置为100％的宽度仅需要50％的屏幕，那么我意识到它在工作而不是同时工作，我丢失了什么？
html {
background: blue;
width: 50%;
height: 100%;
overflow: hidden;
}
body {
background: yellow;
width: 100%;
height: 100%;
}