html和body默认的高度是0， 这样导致它们的子元素使用百分比高度时，就会失效
如果给html和body均设置height: 100% ，则浏览器会自动分配一个高度给html和body，即使我们不知道html标签的父标签是什么。这个高度是浏览器显示的高度。
值得注意的是，如果给body设置background-color，依然可以看到满屏的颜色，即使它的高度为0，这应该是浏览器本身对body背景颜色的一种实现行为