有时做移动端页面时，需要用到height：100%来控制，但是设置完后会发现，用百分比的高是不生效的。
经过上网浏览等查阅资料得知，是否可以使用百分比是根据父级对象定义的。所以解决方法就是在body和html，加上height:100%；就可以了。下面看代码。
html,body{
height:100%;
}
.height{
height:50%;
}
<div class="height">高度百分比</div>
这样问题就解决了，如果div层级比较深，那就在需要百分比高的前面几层div都加上height：100%。