设置height=100%（网页内容能够更好的适配各种屏幕大小）
第一种是设置某个单独的div元素 height=100%无效
原因很简单，所有基于本分比的尺寸必须基于父元素，而你如果没有设置父元素尺寸的大小就会失效，这里我们设置<body>height=100%,有时候这样设置也是无效的，因为body的父元素html没有设置，没有设置的尺寸默认为0 x 0 像素，所有一般加上
html,body{height = 100%}就会解决
第二种：
很多情况下只设置body{height=100%}也能解决第一种情况的问题，但是部分浏览器还是要加上html{height=100%}
所以这里习惯性统一加上html,body{height = 100%}