Question

使用百分比设置元素高度时，为什么body和html两个都需要设置百分比才能使子元素也按照百分比设置高度？

而如果只用像素设置的话，就只需要设置一个body就可以了。

Answer 1

因为百分比是个相对值，子元素的百分比值是根据父元素的值来计算的，在隶属关系上，body也是html的子元素，如果html不设置高度值，只设置body为100%，那这样的设置就没意义了（0的100%仍然是0啊），这样的话body的子元素也就没法按照百分比来设置高度了。
而用像素设置body高度的话，它就是个绝对值，设置多少则body的高度就是多少，不需要看html的脸色，所以这种情况下就不需要设置html的高度了。