body{height:100%}不生效
需要对html{height:100%}
一个没有设置宽度和高度的div标签，浏览器会为其分配可使用的最大宽度（比如全屏宽度），但是不负责分配高度，块级元素的高度是由子元素堆砌成起来的。
元素高度百分比需要向上遍历父标签要找到一个定值高度才能起作用，如果中途有个height为auto或是没有设置height属性，则高度百分比不起作用，此时的情况是父元素高度依赖子元素堆砌撑高，而子元素依赖父元素的定高起作用，互相依赖，却都无法依赖，死循环了。
参考博客：https://blog.csdn.net/javaloveiphone/article/details/51098972