一 问题

 height=100%, 未生效 

二 原因

body设置了height=100%，但body还有上层节点html，html标签没有设置height=100%，导致未生效，给html设置了height=100%后，解决了

html,body {  /*height: 100%; 必须上级标签依次往上有固定的高度，根标签是html，设置html标签的height=100%，之后的height=100%才能生效*/
    height: 100%;
}