html 宽高百分比设置不成功

<style type="text/css">
  *{margin: 0;padding: 0;}
  html, body{width: 100%; height: 100%; background-color: #eef1f5;}
</style>

在页面对html,body进行设置width和height,否则子元素设置百分比可能会为0;

因为当找到百分比的参照元素为body或html时,body/html并没设置width,height属性,无法设置其百分比