div等元素设置宽高百分比都是基于包含他的块级对象的百分比高度，所以必须先设置包含它的块级对象高度与宽度，但是光设置body是不起作用的，必须同时设置html和body。
要使用百分比设置div宽高的话，要养成一个好习惯，先对页面的html和body元素进行百分比的宽高设置。
设置方法如下：
html,body{
height:100%;
}
设置完毕之后，再对div元素标签设置百分比宽度和高度便会其作用。
cssdiv设置高宽百分比不起作用的问题
原文地址：https://www.cnblogs.com/zst-blogs/p/9533156.html