Я играю с некоторыми базовыми html и css, и меня смущает одна вещь: согласно многим ресурсам элемент html является корневым элементом, но я могу изменить его значения стиля, как и любой другой элемент. Согласно этому https://www.w3schools.com/cssref/css_units.asp% относительная длина относится к родительскому элементу, но когда я устанавливаю свойство ширины html на 50%, кажется, что оно не работает, потому что весь фон остается синим, тогда он работает, потому что тело потомковпри установке на 100% ширина занимает только 50% экрана, тогда я понимаю, что он работает и не работает одновременно, что мне не хватает?
html {
background: blue;
width: 50%;
height: 100%;
overflow: hidden;
}
body {
background: yellow;
width: 100%;
height: 100%;
}